1. 程式人生 > >在微信網頁中,實現微信通過選單‘在瀏覽器中開啟’跳轉到指定的url

在微信網頁中,實現微信通過選單‘在瀏覽器中開啟’跳轉到指定的url

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

//主要原理判斷網頁是否在微信中開啟,如果在微信中開啟則禁止連線。