search

MRCXX / BLOG

MIT License
1 stars 0 forks source link

关于在微信/企业微信开发的小技巧1 #7

Open MRCXX opened 4 years ago

MRCXX commented 4 years ago

userAgent

截止2020/03/31

// os x下的微信客户端的userAgent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/605.1.15 (KHTML, like Gecko) MicroMessenger/2.3.29(0x12031d11) MacWechat NetType/WIFI WindowsWechat
// win10下的微信客户端的userAgent
Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36 QBCore/4.0.1268.400 QQBrowser/9.0.2524.400 Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36 wxwork/3.0.11 (MicroMessenger/6.2) WindowsWechat

假设我们想在本地(win10)打开create-react-app运行的测试环境, 我们有可能会打不开(正式环境可以打开)

// package.json的browserslist
"browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }

我们可以在development中加入

"development": [
...
"chrome 53"
]
...

如何在pc/mac的微信客户端打开本地的调试链接

如果我们直接点击这种链接, 会在默认的浏览器打开链接 image 我们用手机打开, 然后 image 然后变成这样就可以打开了, 然后就可以debug了 image

怎么方便的在真机调试代码呢

初始化jssdk的时候不能是本地的地址, 必须是线上的地址, 我们可以通过charles, win和os x都有, 非常好用, 通过替换文件(map local)的方式, 就不用每次修改都提交代码到线上了