微信网址遮罩引导法升级版,微信自动跳转默认浏览器打开HTML

本文介绍了微信网址遮罩引导法的优化升级,通过判断微信UA,实现当在微信内置浏览器中时,显示提示层,引导用户在默认浏览器中打开HTML页面或下载APP。提供了完整的JS代码示例,简化了操作流程。
摘要由CSDN通过智能技术生成

微信打开网址添加在浏览器中打开提示 和 微信扫描打开APP下载链接提示代码优化,尽管已经做得很简单,但发现很多问这类问题的都是小白。

其实原来很简单,就是判断当前是在微信内置浏览器中,然后将默认隐藏的提示层显示出来。

 

oc2gtosl.png

第一步:判断微信的UA。

  1.  

    var ua = navigator.userAgent;

  2.  

    var isWeixin =  !!/MicroMessenger/i.test(ua);

第二步:引入默认隐藏层。

<a href="http:www.wy42.cn//test.apk" id="JdownApp">点击下载APP</a>
<a href="http:www.wy42.cn//test.apk" id="JdownApp2" class="btn-warn">点击下载APP2</a>
<div class="wxtip" id="JweixinTip">
<span class="wxtip-icon"></span>
<p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
</div>

第三步:添加

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值