微信遮罩层

1.编写js.

 $(function(){
 function is_weixin() {
   var ua = navigator.userAgent.toLowerCase();
   console.log(ua);
   if (ua.match(/MicroMessenger/i) == "micromessenger") {
       return true;
   } else {
       return false;
   }
}
var isWeixin = is_weixin();
console.log(isWeixin);

if(isWeixin){
var a=$('#cover').css('display','block');
console.log(a);
}
  });

2.在首页添加div控件

<div id="cover">
<p>公测版正式上线<br>请选用浏览器打开</p>

</div>

3.一般导航条的position是fixed的，所以遮罩层一般无法将其包含在内，那么可以用样式来进行调整

if(isWeixin){
var a=$('#cover').css('display','block');
$('.navbar-fixed-bottom').css('position','inherit');
$('#headerNav').css('padding-bottom','22%');
$('#headerNav').css('margin-top','-25%');
$('.navbar-fixed-top').css('position','inherit');
console.log(a);
}