使用js检测用户是否在用微信浏览器浏览网站

　　现在大部分的公司喜欢把自己发布的网址转成二维码，然后用户只要用手机扫一下就能登录。而大部分的用户都喜欢(可能不知道还有其他扫码工具)用微信来扫二维码，大家都知道微信里面自带的浏览器会屏蔽大部分的外部网站，只能点击右上角图标，然后“点击在浏览器中打开”才行。所以我们需要就要采取一些措施为了防止我们的网站在用户用微信浏览器打开时被屏蔽，而导致用户不知道该怎么办(大部分的人都不知道)。

　　下面是判断用户是否在用微信浏览器的js

// 是否是微信浏览器
function is_weixin() {
    var ua = navigator.userAgent.toLowerCase();
    return ua.match(/MicroMessenger/i) == "micromessenger" ? true : false 
}

// 加载提示图片
function loadHtml() {
    var div = document.createElement('div');
    div.id = 'weixin-tip';
    div.innerHTML = '<p><img src="IMG_1185.PNG" alt="微信打开"/></p>';
    document.body.appendChild(div);
}

// 设置style
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);
}
//CSS样式
var cssText = "#weixin-tip{position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  100%; height:100%; z-index: 100;} #weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}";

if (is_weixin()) {
    loadHtml();
    loadStyleText(cssText);
}

IMG_1185.PNG 大概是内容大概如下:

红标题的后面还有一段白色说明文字，因为背景是白色所有看不到