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

csdh11 2024-12-02 16:39 24 浏览

前言：

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

document.appendchild

上一篇：项目复盘:通过动态脚本，实现按需加载语言包
下一篇：Web3D基础:对GLTF文件进行顶点编辑和简化有什么作用，如何操作

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

前言：

相关推荐

java:Cassandra入门与实战——下

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

配置GitLab流水线和门禁系统

推荐五个优秀的富文本编辑器富文本编辑器app

BIOS/UEFI模式下如何分区 uefi分区教程

亿图图示免费VIP会员兑换码激活码礼品券

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

前言：

相关推荐

java:Cassandra入门与实战——下

广联达终于出免费造价软件了，这五款真好用，准确率高达100%

开源库libmodbus的用法

Tekla 2023钢结构设计软件安装教程附下载方法

立即下载Galaxy Z Flip 6和Fold 6的壁纸 - SamMobile

MySql中json类型数据的查询以及在MyBatis-Plus中的使用

配置GitLab流水线和门禁系统

推荐五个优秀的富文本编辑器 富文本编辑器app

BIOS/UEFI模式下如何分区 uefi分区教程

亿图图示 免费VIP会员兑换码激活码礼品券

推荐五个优秀的富文本编辑器富文本编辑器app

亿图图示免费VIP会员兑换码激活码礼品券