以下是代码部分:
第一步:判断微信的UA。
var UA=navigator.userAgent;
var isWeixin=! !/MicroMessenger/信息技术(UA);
第二步:引入默认隐藏层。
& lt; a href=" http://baidu.com/test.apk " id=" JdownApp祝辞点击下载APP
& lt; a href=" http://baidu.com/test.apk " id=癑downApp2”class=癰tn-warn祝辞点击下载APP2
& lt; div class=" wxtip " id=癑weixinTip”在
& lt;跨类=皐xtip-icon祝辞& lt;/span>
& lt; p class=" wxtip-txt祝辞点击右上角& lt; br/祝辞选择在浏览器中打开& lt;/p>
& lt;/div>
第三步:添加CSS样式
。wxtip{背景:rgba (0, 0, 0, 0.8);text-align:中心;位置:固定;左:0;上图:0;宽度:100%;高度:100%;z - index: 998;显示:没有;}
。wxtip-icon{宽度:52 px;身高:67 px;背景:url (weixin-tip.png)不再重演;显示:块;位置:绝对的;右:20 px;上图:20 px;}
。wxtip-txt {margin-top: 107 px;颜色:# fff;字体大小:16 px;行高:1.5;}
第四步:点击按钮显示隐藏层,点击隐藏层关闭,总的JS代码如下:
函数weixinTip(避署){
var ua=navigator.userAgent;
var isWeixin=! !/MicroMessenger/信息技术(ua);
如果(isWeixin) {
ele.οnclick=function (e) {
window.event吗?window.event。returnValue=https://www.yisu.com/zixun/false e.preventDefault ();
. getelementbyid (JweixinTip) .style.display=翱椤?
}
. getelementbyid (JweixinTip) .οnclick=function () {
this.style.display=挥小?
}
}
}
var btn1=. getelementbyid (JdownApp);//下载一
weixinTip (btn1);
var这里=. getelementbyid (“JdownApp2”);//下载二
weixinTip(这里);
以上代码,你再也不用担心有多个按钮了。
全部代码演示:http://www.pushtool.cn/zhezhao/demo3
号外:这是微信中点击按钮才会提示在浏览器中打开遮罩的版本,还有:打开页面直接显示提示,安卓和苹果显示不同提示等其他版本。