最近想用PC端调试微信内置浏览器页面,于是使用Chrome进行调试,步骤如下:

1.手机数据线连接电脑,开启手机上的USB调试功能

2.微信访问debugx5.qq.com,点击信息打开TBS内核inspector调试和X5jscore inspector调试

3.打开Chrome浏览器,在地址栏输入:chrome://inspect/#devices访问

4.Chrome会自动检测并列出手机上可供调试的WebView页面,如图:

解决Android调试微信页面,chrome的inspect弹出空白

弹出开发者工具页面进行调试

解决Android调试微信页面,chrome的inspect弹出空白

开始页面会一直空白,查询资料发现是因为国内无法访问 https://chrome-devtools-frontend.appspot.com所以采取更改HOSTS的方法,步骤如下:

1.打开C盘路径:C:\Windows\System32\drivers\etc\,找到hosts文件

2.打开hosts文件,在末尾添加

61.91.161.217 chrome-devtools-frontend.appspot.com

61.91.161.217 chrometophone.appspot.com

保存。

再次点击inspect弹出:

解决Android调试微信页面,chrome的inspect弹出空白

成功解决,现在可以愉快的使用Dom树调试,JS调试,Network监视等等功能啦。


相关文章: