pc端调试使用微信环境

1、环境的判断

通过navigator.userAgent属性获取当前的浏览器类型/操作系统等信息
请根据自己的项目情况进行匹配

const verdictUsergent =  function () {
    // 1 ：微信  2 ：安卓手机银行  3 ：ios手机银行  0 ：非法
    var userAgent = navigator.userAgent.toLowerCase()
    if (userAgent.match(/MicroMessenger/i) == 'micromessenger') {
        return '1'
    } else if (userAgent.match(/android_hnrcc/i) == 'android_hnrcc') {
        return '2'
    } else if (userAgent.match(/ios_hnrcc/i) == 'ios_hnrcc') {
        return '3'
    } else {
        window.location.replace('https://~~~~~')
        return '0'
    }   
}

2、在pc端的浏览器中使用微信环境

1. 在浏览器开发后台，切换到手机模式，选择手机类型的下拉框中，选择edit
2. 点击 Add custom device
3. 添加Device Name
4. 在User agent string中输入MicroMessenger
5. 点击Add按钮
6. 选择手机类型的下拉框中就会新增刚刚添加的类型，选择它