b2科目四模拟试题多少题驾考考爆了怎么补救
b2科目四模拟试题多少题 驾考考爆了怎么补救

微信提示浏览器打开代码-遮罩层提示代码的实现!

电脑杂谈  发布时间:2021-01-08 05:01:23  来源:网络整理

在微信中打开链接时,会弹出一个掩码提示用户,请单击右上角在浏览器中将其打开。如何实现呢?收集,整理并确认其可用后,针对需要的用户汇总可用的版本

微信弹出浏览器打开

微信弹出浏览器打开_微信小程序 图片浏览_微信公众平台网页版浏览

以下是代码部分:

第一步:确定微信的UA。

微信小程序 图片浏览_微信弹出浏览器打开_微信公众平台网页版浏览

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

第2步:引入默认的隐藏层。

微信小程序 图片浏览_微信弹出浏览器打开_微信公众平台网页版浏览

点击下载APP
点击下载APP2

点击右上角
选择在浏览器中打开

第3步:添加CSS样式

微信小程序 图片浏览_微信弹出浏览器打开_微信公众平台网页版浏览

步骤4:单击按钮显示隐藏层,单击隐藏层将其关闭,总JS代码如下:

function weixinTip(ele){
var ua = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(ua);
if(isWeixin){
ele.onclick=function(e){
window.event? window.event.returnValue = false : e.preventDefault();
document.getElementById(JweixinTip).style.display=block;
}
document.getElementById(JweixinTip).onclick=function(){
this.style.display=none;
}
}
}
var btn1 = document.getElementById(JdownApp);//下载一
weixinTip(btn1);
var btn2 = document.getElementById(JdownApp2); //下载二
weixinTip(btn2);

微信弹出浏览器打开_微信公众平台网页版浏览_微信小程序 图片浏览

使用上面的代码,您不再需要担心有多个按钮。

所有代码演示:

其他:此版本会在您单击微信中的按钮时提示您在浏览器中打开掩码。还有其他版本:在打开页面时直接显示提示,在Android和Apple上显示不同的提示。


本文来自电脑杂谈,转载请注明本文网址:
http://www.pc-fly.com/a/shumachanpin/article-346339-1.html

    相关阅读
      发表评论  请自觉遵守互联网相关的政策法规,严禁发布、暴力、反动的言论

      • 赵志钢
        赵志钢

        各种复杂添加剂

      • 郭梦乐
        郭梦乐

        搞先进军舰来怕给撞坏了

      • 李若彤
        李若彤

        而且钱可随时转进转出

      热点图片
      拼命载入中...