H5/h5/html开发微信网站的一些问题记录

我是风尚,一个前端开发工程师,著作风尚云网,欢迎各位同行观摩指导。

风尚云网导航-很有范的导航站

风尚云网导航-很有范的导航站 (3vzhuji.cc)


 言归正传:H5/h5/html开发微信网站的一些问题记录

问题1:如何通过H5/h5/html唤起微信app

  1. a标签唤起微信
  2.  js控制何时唤起微信
  3. 两种方式兼容大部分主流浏览器
// a标签唤起微信
<a href="javascript:window.location.href='weixin://'">点击打开微信</a>
<a href="weixin://">点击打开微信 </a>


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

这些是唤起微信具体到某个功能的a标签的href

  • weixin://dl/scan 扫一扫
  • weixin://dl/feedback 反馈
  • weixin://dl/moments 朋友圈
  • weixin://dl/settings 设置
  • weixin://dl/officialaccounts 公众号
  • weixin://dl/games 游戏
  • weixin://dl/help 帮助
  • weixin://dl/feedback 反馈
  • weixin://dl/profile 个人信息
  • weixin://dl/features 功能插件
  • weixin://dl/notifications 消息通知设置
  • weixin://dl/chat 聊天设置
  • weixin://dl/general 通用设置

微信更多的可能有待更多的发现.................

问题2:判断当前的浏览器环境是否为微信环境

js判断浏览器是否为微信环境

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("非微信环境");
  }
}

 我是风尚,一个前端开发工程师,著作风尚云网,欢迎各位同行观摩指导。

风尚云网导航-很有范的导航站

风尚云网导航-很有范的导航站 (3vzhuji.cc)

扫描二维码关注公众号,回复: 14900988 查看本文章

猜你喜欢

转载自blog.csdn.net/zsx0806/article/details/129981860