微信网页中点击下载链接弹出遮罩提示用户在外部浏览器中打开

html

<a id="goDownload" href="http://image.jietiaozhan.com/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');
})
}

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