Android开发调试神器 - Stetho3

451 阅读2分钟

这是我参与8月更文挑战的第29天,活动详情查看:8月更文挑战

使用起来也不麻烦

使用步骤如下:

  1. 首先在手机上运行APP
  2. 确保手机USB连接开发机,在开发机上打开Chrome浏览器
  3. 在Chrome浏览器地址栏中输入chrome://inspect,会看到如下这张图,如果图里面没有你的APP,请返回到上面检查代码接入是否正确

image.png 4. 点击APP旁边的inspect连接,这个时候会弹出一个窗口,如果你用过Chrome的开发者工具,是不是会觉得这个界面很熟悉?对了,这个窗口就是Chrome内置的开发者工具,只不过里面监控的内容从网页变成了APP 5. 首先看功能导航条的第一个tab,叫做"Elements",工作区中的内容是不是很熟悉,Hierarchy Viewer,很像吧,点击具体的xml节点,可以看到连接的手机上对应的UI控件高亮显示了,这个可以像Hierarchy Viewer那样分析APP页面的嵌套层级

image.png 6. 第二个tab叫做"Network",是用来做网络监控的,基本上覆盖了Chrome开发者工具中"Network inspection"的所有功能点,包括下载图片的预览,JSON数据查看,网络请求内容和返回内容\

image.png 7. 第三个tab是"Sources",用来查看网页的详细内容\

image.png 8. 直接跳过"Timeline", "Profiles"看第六个tab,"Resources",顾名思义,这里应该就是查看APP内部产生数据的地方啦,目前支持的数据有两种,一种是数据库(ContentProvider和Sql的方式)的数据,另一种是SharedPreferences数据

image.png

image.png

image.png

image.png

image.png

image.png

  1. "Audits" 跳过,如同"Timeline"和"Profiles",目前没怎么支持,有待进一步发掘的功能。
  2. "Console"老司机下面讲