用Chrome在电脑上模拟微信浏览器

1、在这里有个知识点,在开始前我们可以先了解安卓微信和Ios微信的UA(User agent:用户代理):

安卓微信UA: mozilla/5.0 (linux; u; android 4.1.2; zh-cn; mi-one plus build/jzo54k) applewebkit/534.30 (kHTML, like gecko) version/4.0 mobile safari/534.30 micromessenger/5.0.1.352  

Ios微信UA:  mozilla/5.0 (iphone; cpu iphone os 5_1_1 like mac os x) applewebkit/534.46 (khtml, like gecko) mobile/9b206 micromessenger/5.0 


2、开始操作:

①打开Chrome,F12打开“开发人员工具”

②点击菜单按钮-----More Tools -----Network condition

③打开Network condition窗口


用Chrome在电脑上模拟微信浏览器  第1张


3、 User agent选项,选择Custom(自定义),然后在下面的文本框中输入Android或者Ios的UA就可以了。


4、测试一下成功与否:

<script type="text/javascript">
        window.onload = function() {
            isWeixinBrowser();
        }
        //判断是否微信浏览器
        function isWeixinBrowser() {
            var ua = navigator.userAgent.toLowerCase();
            var result = (/micromessenger/.test(ua)) ? true : false;
            if (result) {
                console.log('你正在访问微信浏览器');
            }
            else {
                console.log('你访问的不是微信浏览器');
            }
            return result;
        }
    </script>


用Chrome在电脑上模拟微信浏览器  第2张


5、成功!