移动测试基础 Android 微信支持直接从 chrome 的开发者工具调试啦！

陈恒捷 · 2016年12月25日 · 最后由 bauul 回复于 2016年12月26日 · 4090 次阅读

前言

之前在广州的 Appium girl QQ 群有同学分享了微信的开发者工具，今天终于抽空试了下，惊喜地发现现在 Android 版微信已经可以通过一些设置做到支持从 chrome 的开发者工具直接进行调试了，在此分享一下。

微信 Web 开发者工具官方文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN

开发者工具文档内容较多，且里面大部分功能是针对开发的，需要公众号授权。这里主要分享对我们测试人员而言比较有用的从 chrome 开发者工具对 Android 版微信的 WebView 进行调试的方法。

具体步骤

打开微信，设法打开网址 http://debugx5.qq.com（推荐直接把这个网址发给文件传输助手，然后就可以直接打开链接了）
在打开的网页中选择【信息】->【TBS settings】，勾选【是否打开 TBS 内核 Inspector 调试功能】
微信提示需要重启，点击重启

完成这三个步骤后，就可以像平时调试 Android 应用 WebView 那样在 chrome 的开发者工具中调试微信中的 WebView 了！

当然，除了调试，我们还可以利用开发者工具对微信中的网页进行性能相关的测试，获取页面加载的性能指标，分析定位一些加载缓慢的问题。

One more thing

从原理上看，既然能支持 chrome 的开发者工具，那么是不是也意味着用 appium 也可以控制微信中的 WebView 了呢？由于现在电脑没有 appium 环境，试验不了。有兴趣有条件的同学赶紧试试啦~

5 个赞

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我继续创作！

打赏支持

共收到 11 条回复时间点赞

恒温 #1 · 2016年12月25日

底层用的是 weinre ？

陈恒捷 #2 · 2016年12月25日 Author

#1 楼 @Lihuazhang 官方有两种方式，一种是 weinre，iOS 和 Android 通用，但要授权。另一种就是文中的，只能用于 Android，应该是 x5 内核兼容了 chrome inspector。

思寒_seveniruby #9 · 2016年12月26日

#2 楼 @chenhengjie123 我们公司的微信入口就是我测试的, 用的就是这个方法. 我还没来得及分享这个方法那.
appium 那边默认是找不到 context 的, 这就是我前阵子为什么问你 appium 找 webview 的细节.
但是可以肯定的是 appium 理论上是应该能直接访问到 webview 的. 还得再找找看.

恒温 #8 · 2016年12月26日

#3 楼 @seveniruby 这个就要自己写一个 driver，或者如果，传输协议标准的话增加一个参数

测试小书童 #7 · 2016年12月26日

谢谢，分享赶紧试试

陈恒捷 #6 · 2016年12月26日 Author

#3 楼 @seveniruby appium 控制 webview 走的是 chromedriver ，这个时候 appium 只是个中继转发。

微信兼容了 inspector ，但有没有兼容 chromedriver 还是个未知数。

测试小书童 #5 · 2016年12月26日

对了，用网页浏览器中打开微信网页版地址 https://wx.qq.com/后，然后这样也可以调试

思寒_seveniruby #4 · 2016年12月26日

#6 楼 @chenhengjie123 兼容了吧. 我用 chrome 的 remote debug 协议, 是可以测试的. 我觉得问题出在 appium 上, 还在研究.

陈恒捷 #9 · 2016年12月26日 Author

#7 楼 @lose 不是很明白你的意思。你说的网页浏览器具体是指什么？

测试小书童 #10 · 2016年12月26日

#9 楼 @chenhengjie123 没事，我犯二鸟。。。

bauul #11 · 2016年12月26日

#8 楼 @seveniruby
appium 不是可以从 native 切换到 webview 嘛

需要登录后方可回复, 如果你还没有账号请点击这里注册。