騰訊QQ的內(nèi)置瀏覽器的限制是非常多的,例如APP的下載鏈接是沒有辦法直接打開下載的灵疮,非要讓你下載一個(gè)QQ瀏覽器會(huì)做應(yīng)用寶才可以,強(qiáng)行的用戶捆綁。還有幾十經(jīng)常莫名其妙封殺我們的域名鏈接拯田。遇到這個(gè)問題我們可以制作一個(gè)遮罩引導(dǎo),讓用戶點(diǎn)擊右上角然后在下面彈出的菜單里選擇在瀏覽器中打開就好
實(shí)現(xiàn)思路
大體思路是這樣的:先建一個(gè)蒙版甩十,蒙版放上提示的信息船庇,然后寫一個(gè)js,在頁面打開的時(shí)候判斷當(dāng)前的操作環(huán)境如實(shí)是在QQ侣监、微信等環(huán)境里面打開的話鸭轮,系統(tǒng)會(huì)自動(dòng)打開蒙版,提示用瀏覽器打開橄霉!其他環(huán)境的話則直接打開網(wǎng)頁窃爷!
案例展示
(請(qǐng)使用QQ、微信姓蜂、TIM掃一掃查看案例)
測(cè)試鏈接:?http://www.138tool.cn/wxzz/anli1.html?
作者網(wǎng)站:?http://www.138tool.cn/wxzz
部分代碼
//蒙版樣式
#Mask?{
position:?absolute;
top:?0;
left:?0;
display:?none;
background-image:?url(img/tweixinip.jpg);
background-size:?cover;
width:?100%;
height:?100%;
z-index:?1000;
}
.model-content?{
width:?100%;
height:?100%;
text-align:?center;
background:?#ffffff;
border-radius:?6px;
margin:?100px?auto;
line-height:?30px;
z-index:?10001;
}