admin管理员组

文章数量:1317030

html

<a id="goDownload" href="http://image.jietiaozhan/anroid/xiaozhoudao.apk">点击下载安卓APP</a>

<div class="maskWrap" id="maskWrap">
<div class="mask">
<div class="note" >
<p>1.点击右上角<img class="icon icon1" src="img/icon1.png" alt="菜单" />按钮</p>
<p>2.选择 <img class="icon" src="img/icon2.png" alt="在浏览器中打开" /></p>
</div>
<span class="closeNote" id="closeNote">X</span>
</div>
</div>

script

var $goDownload = $('#goDownload'),
$maskWrap = $('#maskWrap'),
$closeNote = $('#closeNote');
var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1})();
if (is_weixin) {
$goDownload.on('click',function(e){
$('#goDownload').attr('href','javascript:void(0);');
$maskWrap.css('display','block')
})
$closeNote.on('click',function(){
$maskWrap.css('display','none');
})
}

//主要原理判断网页是否在微信中打开，如果在微信中打开则禁止连接。
 

本文标签： 弹出下载链接器中提示网页

版权声明：本文标题：微信网页中点击下载链接弹出遮罩提示用户在外部浏览器中打开 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1737922502a2036264.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。