您現在的位置: 365建站網 > 365學習 > 微信怎么設置在瀏覽器中打開APP下載鏈接(在瀏覽器中打開提示)

微信怎么設置在瀏覽器中打開APP下載鏈接(在瀏覽器中打開提示)

文章來源:365jz.com     點擊數:1901    更新時間:2019-11-19 21:24   參與評論

解決方法:彈出一個遮罩提示用戶在新的瀏覽器窗口打開。

再也不用管微信如何的更新,直接判斷微信的ua,然后彈出一個遮罩提示用戶在瀏覽器中打開下載。并且不加關閉的按鈕。類似于下面這樣子:

這樣子用戶就只能在瀏覽器中打開,并且可以直接下載應用了。

image.png

HTML代碼:

<a id="J_weixin" class="android-btn" href="#"><img src="img/android-btn.png" alt="ios版下載" /></a>
<div id="weixin-tip"><p><img src="img/live_weixin.png" alt="微信打開"/><span id="close" title="關閉" class="close">×</span></p></div>

CSS代碼:

#JweixinTip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
#JweixinTip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
#JweixinTip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}
#JweixinTip img {
    max-width: 100%;
    height: auto;
}

JS封裝代碼:

<script>
function weixinTip(ele){
	var ua = navigator.userAgent;
	var isWeixin = !!/MicroMessenger/i.test(ua);
	if(isWeixin){
			document.getElementById('JweixinTip').style.display='block';
		document.getElementById('JweixinTip').onclick=function(){
			this.style.display='none';
		}
	}
}
function showfc(){
    var btn1 = document.getElementById('JweixinTip');
    weixinTip(btn1);
}
showfc();
</script>

附圖片:

  1. ios

    fc.jpg

  2. android

    live_weixin.png

如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (1901人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 国产自拍视频在线一区| 日本5OO人群交完整视频| 中国japanese高潮尖叫| 超级丰满大爆乳在线播放| 国产精品亚洲二区在线观看| 欧美顶级情欲片在线播放| 粉嫩虎白女18p| 日本韩国香港三级大全| ...国产人成视频在线视频| 亚洲日韩在线视频国产| 亚洲va中文字幕无码| 年轻的护士4在线观看视频| 真实偷拍出租屋嫖妓正在播放| 幻女free性俄罗斯毛片| 国产成人欧美亚洲日韩电影| 亚欧乱色国产精品免费九库| 加勒比京东在线视频| 国产国产人免费人成免费视频| 大波大乳video| 成年无码av片在线观看| 浓毛bbwbbwbbwbbw| 观看oldmygranny| jessica drake不带套| 少妇被粗大的猛进出69影院| 中国嫩模被黑人强行视频| 137肉体摄影日本裸交| 先ady69xfplay色资源网站| 最新综合精品亚洲网址| 高清特黄a大片| 暖暖在线观看免费视频| 国产乱理伦片在线观看| http://www.insomniacmotorsports.com