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

陈恒捷 · December 25, 2016 · Last by bauul replied at December 26, 2016 · 11432 hits

前言

之前在广州的 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 进行调试的方法。

具体步骤

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

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

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

One more thing

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
共收到 11 条回复 时间 点赞

底层用的是 weinre ?

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

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

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

谢谢,分享赶紧试试

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

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

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

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

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

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

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

需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up