目录
- 一、为什么要模拟微信浏览器?
- 二、开发调试遇到的问题
- 三、解决方案:谷歌模拟微信浏览器步骤
一、为什么要模拟微信浏览器?
- 做过微信集成的人应该知道,页面在微信浏览器中,出 JS 相关的错误之后,没法调试;
这就需要在电脑端装一个类似微信的浏览器,来做调试,但是目前没有这种特定的浏览器;- 不过不用担心 !!!我们可以用谷歌浏览器来模拟一个微信的浏览器出来。
好文章 记得收藏+点赞+关注额 !!!---- Nick.Peng
二、开发调试遇到的问题
- 在开发调试时,如果需要用微信扫描才能打开的连接,但是由于不方便调试,想在谷歌浏览器直接打开的话,如图,就会提示不是微信浏览器;
三、解决方案:谷歌模拟微信浏览器步骤
-
复制微信连接地址,在谷歌浏览器上打开,然后按 F12,点击右上角的三个竖点 —> More tools —> Network conditions,就会出现最下面的 UA 配置界面;
-
在 Network conditions 配置界面中,去掉 User Agent 旁边的 select automatically 的对勾,如图,再选中 Custom,然后在下面的红色框框输入以下微信专属 UA 代码,回车即可;
IOS微信浏览器: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
安卓微信浏览器:
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
-
当我们再次刷新页面时,就能成功模拟微信的浏览器打开页面了,这样调试起来就方便多了,如图;
注意:改完 User agent 之后,必须在 F12 的状态下,刷新页面,才能使用模拟微信浏览器,如果去掉,则会使用默认谷歌浏览器的 UA。
目录
- 一、为什么要模拟微信浏览器?
- 二、开发调试遇到的问题
- 三、解决方案:谷歌模拟微信浏览器步骤
一、为什么要模拟微信浏览器?
- 做过微信集成的人应该知道,页面在微信浏览器中,出 JS 相关的错误之后,没法调试;
这就需要在电脑端装一个类似微信的浏览器,来做调试,但是目前没有这种特定的浏览器;- 不过不用担心 !!!我们可以用谷歌浏览器来模拟一个微信的浏览器出来。
好文章 记得收藏+点赞+关注额 !!!---- Nick.Peng
二、开发调试遇到的问题
- 在开发调试时,如果需要用微信扫描才能打开的连接,但是由于不方便调试,想在谷歌浏览器直接打开的话,如图,就会提示不是微信浏览器;
三、解决方案:谷歌模拟微信浏览器步骤
-
复制微信连接地址,在谷歌浏览器上打开,然后按 F12,点击右上角的三个竖点 —> More tools —> Network conditions,就会出现最下面的 UA 配置界面;
-
在 Network conditions 配置界面中,去掉 User Agent 旁边的 select automatically 的对勾,如图,再选中 Custom,然后在下面的红色框框输入以下微信专属 UA 代码,回车即可;
IOS微信浏览器: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
安卓微信浏览器:
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
-
当我们再次刷新页面时,就能成功模拟微信的浏览器打开页面了,这样调试起来就方便多了,如图;
注意:改完 User agent 之后,必须在 F12 的状态下,刷新页面,才能使用模拟微信浏览器,如果去掉,则会使用默认谷歌浏览器的 UA。