1. 首页
  2. web前端

微信选择在浏览器中打开设置提示遮罩弹窗

使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等。网上流传的各种微信打开下载链接,微信已更新基本失效,用户可以将应用传到应用宝。

终极解决方法

今天要加的是一个终极解决方法:弹出一个遮罩提示用户在新的浏览器窗口打开

再也不用管微信如何的更新,直接判断微信的ua,然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。类似于下面这样子:

微信选择在浏览器中打开设置提示遮罩弹窗

这样子用户就只能在浏览器中打开,并且可以直接下载应用了。欢迎打开微信扫描查看(其他扫描没有效果)。

微信选择在浏览器中打开设置提示遮罩弹窗

演示和下载

我已经将代码上传到github上了,你可以直接下载我的图片和js来用。github地址

建议直接看我第三个的代码:微信内置浏览器不支持下载文件应用的解决方法答疑

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);

下面的内容可以忽略,直接看上面这篇文章里面的代码吧。

 

如果这个代码对你有用,希望你在下载时也点击star一下。

版本一:纯JS

版本二:纯jQuery

版本三:jquery+css+div(虽然操作复杂,但实际上平时常用这种)。

如果你已经将它用在你的项目中了,欢迎留下你的在线地址哦。

号外:由于这个代码一进入就是弹出提示,可能会影响用户其它操作,故而写了另一篇优化的代码,支持用户点击下载链接之后才弹出提示,并且还可以点击关闭。

详情请看:微信扫描打开APP下载链接提示代码优化

document.write(‘

文章目录

‘);

原创文章,作者:23

本文来自投稿,不代表 怪小克 立场,如若转载,请注明出处:https://wangchaoke.cn/?p=825

本站发布的内容若侵犯到您的权益,请邮件联系 860095347@qq.com 删除,我们将及时处理!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

860-095-347

在线咨询:点击这里给我发消息

邮件:860095347@@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code