『签到』 开启辅助访问
 找回密码
 立即注册

扫一扫,访问微社区

只需一步,快速开始

QQ登录

只需要一步,快速开始

或者

[微信公众号] H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是...

0 482
AI.甬者 发表于 2019-2-19 19:36:08 |阅读模式 |复制链接
h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装。
我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,
代码如下:
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6.         <title>判断手机是否安装微信</title>
  7.     </head>
  8.     <body>
  9.     <a href="javascript:testApp('weixin://')" class="dl-btn" id="download">打开微信</a>
  10.     <script>
  11.     function testApp(url) {
  12.           var timeout, t = 1000, hasApp = true;
  13.           setTimeout(function () {
  14.             if (!hasApp) {
  15.                 //没有安装微信
  16.                 var r=confirm("您没有安装微信,请先安装微信!");
  17.                 if (r==true){
  18.                     location.href="http://weixin.qq.com/"
  19.                 }
  20.             }else{
  21.                 //安装微信
  22.             }
  23.             document.body.removeChild(ifr);
  24.           }, 2000)
  25.          
  26.           var t1 = Date.now();
  27.           var ifr = document.createElement("iframe");
  28.           ifr.setAttribute('src', url);
  29.           ifr.setAttribute('style', 'display:none');
  30.           document.body.appendChild(ifr);
  31.           timeout = setTimeout(function () {
  32.              var t2 = Date.now();
  33.              if (!t1 || t2 - t1 < t + 100) {
  34.                hasApp = false;
  35.              }
  36.           }, t);
  37.         }
  38.     </script>
  39.     </body>
  40. </html>
复制代码


您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

轻松登录,更享免费资源~

登录 发布 快速回复 返回顶部 返回列表