Some problem records of H5/h5/html development WeChat website

I'm Fengshang, a front-end development engineer, who writes on Fengshang Cloud Network, and welcomes all peers to observe and guide.

Fengshang Cloud Network Navigation-Very Fantastic Navigation Station

Fengshang Cloud Network Navigation - Very Fantastic Navigation Station (3vzhuji.cc)

---

 Closer to home: some problem records of H5/h5/html development WeChat website

Question 1: How to evoke WeChat app through H5/h5/html

1. a label evokes WeChat
2.  js controls when to evoke WeChat
3. Both methods are compatible with most major browsers

// a标签唤起微信
<a href="javascript:window.location.href='weixin://'">点击打开微信</a>
<a href="weixin://">点击打开微信 </a>


// js控制何时唤起微信
<script>
// 可以写一些前置条件，比如复制一段文字
var a = document.querySelector('a')
a.href = 'weixin://'
</script>

These are the hrefs of a tags that evoke WeChat specific to a certain function

• weixin://dl/scan scan
• weixin://dl/feedback Feedback
• weixin://dl/moments circle of friends
• weixin://dl/settings settings
• weixin://dl/officialaccounts official account
• weixin://dl/games games
• weixin://dl/help help
• weixin://dl/feedback Feedback
• weixin://dl/profile personal information
• weixin://dl/features feature plugin
• weixin://dl/notifications message notification settings
• weixin://dl/chat chat settings
• weixin://dl/general general settings

Wechat has more possibilities to be discovered......

Question 2: Determine whether the current browser environment is a WeChat environment

js to determine whether the browser is a WeChat environment

function isWx(){
  //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，用这个属性可以用来判断浏览器类型
  var ua = window.navigator.userAgent.toLowerCase();
  //通过正则表达式匹配ua中是否含有MicroMessenger字符串，MicroMessenger就是微信环境，也可换其他环境
  if(ua.match(/MicroMessenger/i) == 'micromessenger'){
       console.log("微信环境");
  }else{
      console.log("非微信环境");
  }
}

 

 I'm Fengshang, a front-end development engineer, who writes on Fengshang Cloud Network, and welcomes all peers to observe and guide.

Fengshang Cloud Network Navigation-Very Fantastic Navigation Station

Fengshang Cloud Network Navigation - Very Fantastic Navigation Station (3vzhuji.cc)