这是我参与8月更文挑战的第29天,活动详情查看:8月更文挑战
使用起来也不麻烦
使用步骤如下:
- 首先在手机上运行APP
- 确保手机USB连接开发机,在开发机上打开Chrome浏览器
- 在Chrome浏览器地址栏中输入chrome://inspect,会看到如下这张图,如果图里面没有你的APP,请返回到上面检查代码接入是否正确
4. 点击APP旁边的inspect连接,这个时候会弹出一个窗口,如果你用过Chrome的开发者工具,是不是会觉得这个界面很熟悉?对了,这个窗口就是Chrome内置的开发者工具,只不过里面监控的内容从网页变成了APP
5. 首先看功能导航条的第一个tab,叫做"Elements",工作区中的内容是不是很熟悉,Hierarchy Viewer,很像吧,点击具体的xml节点,可以看到连接的手机上对应的UI控件高亮显示了,这个可以像Hierarchy Viewer那样分析APP页面的嵌套层级
6. 第二个tab叫做"Network",是用来做网络监控的,基本上覆盖了Chrome开发者工具中"Network inspection"的所有功能点,包括下载图片的预览,JSON数据查看,网络请求内容和返回内容\
7. 第三个tab是"Sources",用来查看网页的详细内容\
8. 直接跳过"Timeline", "Profiles"看第六个tab,"Resources",顾名思义,这里应该就是查看APP内部产生数据的地方啦,目前支持的数据有两种,一种是数据库(ContentProvider和Sql的方式)的数据,另一种是SharedPreferences数据
- "Audits" 跳过,如同"Timeline"和"Profiles",目前没怎么支持,有待进一步发掘的功能。
- "Console"老司机下面讲