使用Chrome模拟微信浏览器

wechat
小Tip大方便,虽然只是改改UA但确实方便了很多。

为什么需要?

如果你需要针对微信写一个微信分享提示,那么你得判断是否为微信浏览器并做调试。如果你还需要分别针对安卓版和ios版微信做区分,那这时候你需要这么一个小Tip。(土豪公司配真机测试的请绕道)

怎么做?

打开Chrome(废话),审查元素-左上角的小手机(Toggle device mode)快捷键Command + Shift + M。更改UA即可。

Toggle device mode

`微信安卓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

微信iPhone 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
`

 

保存配置信息,以后直接选择

screenshort

 

JS端检测

1
2
3
4
5
6
7
8
9
10
var ua = navigator.userAgent.toLowerCase();
if(/micromessenger/.test(ua)) {
if(/android/.test(ua)) {
// balabala...
}
if(/iphone/.test(ua)) {
// balabala...
}
}

那么问题来了,如果是要模仿微信JSSDK的内容呢?,这… 其实也不是没有办法,在手机上把微信独有的API暴露出来,然后复制到电脑上balabala… 没必要,或许微信会出一个方便调试的好东西吧…

注:头图来自 @Hawk Jon