联系微信
QQ咨询
服务热线
服务热线:400-9697-123
TOP
网络运维

判断当前页面是否在微信浏览器中设置提示遮罩弹窗

发布时间:2020-04-04 23:14:40 浏览:19875次

<style type="text/css">

*{margin:0; padding:0;}

img{max-width: 100%; height: auto;}

.test{height: 600px; max-width: 600px; font-size: 40px;}

</style>



<div class="test">

版本一:纯js效果演示,微信打开提示,其它浏览器打开不提示!<br/>

<a href="http://www.xiaoshizi.net">小柿子网络</a>

</div>



<script type="text/java script">

function is_weixin() {

   var ua = navigator.userAgent.toLowerCase();

   if (ua.match(/MicroMessenger/i) == "micromessenger") {

       return true;

   } else {

       return false;

   }

}

var isWeixin = is_weixin();

var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;

function loadHtml(){

var div = document.createElement('div');

div.id = 'weixin-tip';

div.innerHTML = '<p><img src="live_weixin.png" alt="微信打开"/></p>';

document.body.appendChild(div);

}

function loadStyleText(cssText) {

       var style = document.createElement('style');

       style.rel = 'stylesheet';

       style.type = 'text/css';

       try {

           style.appendChild(document.createTextNode(cssText));

       } catch (e) {

           style.styleSheet.cssText = cssText; //ie9以下

       }

           var head=document.getElementsByTagName("head")[0]; //head标签之间加上style样式

           head.appendChild(style);

   }

   var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";

if(isWeixin){

loadHtml();

loadStyleText(cssText);

}

</script>