微信提示瀏覽器打開代碼——遮罩層提示代碼實現(xiàn)！

微信中打開鏈接時，彈出遮罩提示用戶，請點擊右上角在瀏覽器中打開如何實現(xiàn)？經(jīng)搜集整理并且驗證可用后總結(jié)出可用版本，給有需要的猿友

成都創(chuàng)新互聯(lián)服務(wù)項目包括明水網(wǎng)站建設(shè)、明水網(wǎng)站制作、明水網(wǎng)頁制作以及明水網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，明水網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到明水省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

以下是代碼部分：

第一步：判斷微信的UA。

var ua = navigator.userAgent;

var isWeixin =? !!/MicroMessenger/i.test(ua);

第二步：引入默認隱藏層。

<a id="JdownApp">點擊下載APP</a>

<a id="JdownApp2" class="btn-warn">點擊下載APP2</a>

<div class="wxtip" id="JweixinTip">

<span class="wxtip-icon"></span>

<p class="wxtip-txt">點擊右上角<br/>選擇在瀏覽器中打開</p>

</div>

第三步：添加CSS樣式

.wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}

.wxtip-icon{width: 52px; height: 67px; background: url(weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}

.wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}

第四步：點擊按鈕顯示隱藏層，點擊隱藏層關(guān)閉，總的JS代碼如下：

function weixinTip(ele){

var ua = navigator.userAgent;

var isWeixin = !!/MicroMessenger/i.test(ua);

if(isWeixin){

ele.οnclick=function(e){

window.event? window.event.returnValue = false : e.preventDefault();

document.getElementById('JweixinTip').style.display='block';

}

document.getElementById('JweixinTip').οnclick=function(){

this.style.display='none';

}

}

}

var btn1 = document.getElementById('JdownApp');//下載一

weixinTip(btn1);

var btn2 = document.getElementById('JdownApp2'); //下載二

weixinTip(btn2);

以上代碼，你再也不用擔心有多個按鈕了。

全部代碼演示：http://www.pushtool.cn/zhezhao/demo3

號外：這是微信中點擊按鈕才會提示在瀏覽器中打開遮罩的版本，還有：打開頁面直接顯示提示、安卓和蘋果顯示不同提示等其他版本。

當前題目：微信提示瀏覽器打開代碼——遮罩層提示代碼實現(xiàn)！
新聞來源：http://www.muchs.cn/article8/pieiip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、Google、外貿(mào)建站、品牌網(wǎng)站設(shè)計、虛擬主機、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)