最新版QQ的遮罩引导代码实现点击链接或扫码提⽰浏览
器打开
相信在中做推⼴的朋友⼀定都遇到这种情况的、当你需要在中推⼴的时候会发现，⾃⼰的⽹页被屏蔽了，还有就是说APP的下载链接在中点击是⽆法下载的。必须要⼿动点击，右上⾓的三个点，然后选择在浏览器中打开，才可以顺利完成！
虽然说这个对于我们⽐较了解的朋友来说是很简单，很轻松的！但是使⽤的百分之九⼗都是⼩⽩，他们是不知道有这部操作的。
今天要加的是⼀个终极解决⽅法：弹出⼀个遮罩提⽰⽤户在新的浏览器窗⼝打开。·
再也不⽤管如何的更新，直接判断的ua，然后弹出⼀个遮罩提⽰⽤户在浏览器中打开下载。并且不加关闭的按钮。类似于上图这样⼦：
测试地址
⼆维码：
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>APP下载</title>
</head>
<body>
<style type="text/css">
*{margin:0; padding:0;}
img{max-width: 100%; height: 100%;}
</style>
<div>
<p >
<a href="/down/dic.apk">
<br/><br/><img src="Android.jpg" width="150" height="150">
<br/><font size="5">点击下载</font>
<br/><font size="2">⽬前仅⽀持安卓⽤户，其他⽤户敬请期待哦</font>
</a>
</p>
</div>
<script type="text/javascript">
android最新版
function is_weixin() {
var ua = LowerCase();
if (ua.match(/MicroMessenger/i) == "micromessenger") {
return true;
} else {
return false;
}
}
var isWeixin = is_weixin();
var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
function loadHtml(){
var div = ateElement('div');
div.id = 'weixin-tip';
div.innerHTML = '<p><img src="point.png"/></p>'; //遮罩图⽚
document.body.appendChild(div);
}
function loadStyleText(cssText) {
var style = ateElement('style');
try {
style.ateTextNode(cssText));
} catch (e) {
style.styleSheet.cssText = cssText; //ie9以下
}
var ElementsByTagName("head")[0]; //head标签之间加上style样式
head.appendChild(style);
}
var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-ti if(isWeixin){
loadHtml();
loadStyleText(cssText);
}
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。