云计算、AI、云原生、大数据等一站式技术学习平台

网站首页 > 教程文章 正文

H5浏览器直接调起微信(url协议 weixin:// )判断是否安装微信

jxf315 2024-12-01 07:22:26 教程文章 68 ℃

前言:

h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装。

我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,代码如下

$(document).off('click','.js-urllink').on('click','.js-urllink',function(){
   var $t=$(this);
   var url='weixin://';//微信url协议
   var timeout, t = 1000, hasApp = true; 
   setTimeout(function () { 
     if (!hasApp) { 
       //没有安装微信
       alert("请确认安装微信app,并允许在微信app中打开");
       // var r=confirm("请安装微信app后开启");
       // if (r==true){ 
       //也可以结合判断终端(navigator.userAgent),调整不同地址去下载微信app
       //     location.href="http://weixin.qq.com/"
       // }
     }else{
       //安装过微信
     }
     document.body.removeChild(ifr); 
   }, 2000) 

   var t1 = Date.now(); 
   var ifr = document.createElement("iframe"); 
   ifr.setAttribute('src', url); 
   ifr.setAttribute('style', 'display:none'); 
   document.body.appendChild(ifr); 
   timeout = setTimeout(function () { 
     var t2 = Date.now(); 
     if (!t1 || t2 - t1 < t + 100) { 
       hasApp = false; 
     } 
   }, t); 
 });


原文地址:https://www.cnblogs.com/xyyt/p/7095364.html

Tags:

最近发表
标签列表