Stetho简介
Stetho是Facebook开发的一款帮助android开发人员快递调试应用程序的插件。
它的主要功能分为以下五种:
1、网络请求状态及数据查看。
2、本地数据库文件及pref文件的查看以及更改。
3、视图层级查看。
其主要功能可以通过两个方面展示给开发者:
1、基于Chrome Developer Tools 的界面查看形式。
2、基于dumpapp 的命令行查看形式。
Stetho的接入方式
做android应用开发的小伙伴目前大多就采用android studio开发,因此大多都应该对gradle文件相当了解,而,stetho的接入方式就是在项目的gradle
文件中,加上一句dependencies
即可。内容如下:
dependencies {
compile 'com.facebook.stetho:stetho:1.5.0'
}
引入之后,那么,再次安装应用程序到手机上调试时,在chrome浏览器中输入chrome://inspect
,将会出现类似于下面这个页面的结构。
此时表明这个插件已经被安装成功了。
Stetho引入之后的好处
stetho之所以称之为应用程序调试神器,一定是有它解决了在应用程序开发过程中开发者遇到的一些痛点。比如:
1、一个大的项目通常会有很多个开发者协作开发,因此,有时候开发者需要知道当前app所在的页面是哪个activity的时候,通常需要咨询这个模块的开发者,而有了stetho,你会很方便的找到当前页在哪个activity,这就是借助视图层级查看特性了。
2、应用程序通常设置一些开关,通常开发者会将这些数据写到pref中,比如,用户首次进入模块A,需要弹出引导流程,告知用户如何使用模块A功能。而如果,你想体验这个流程多次的话,你不得不清除应用数据,或者卸载重装。而然,有了stetho,你就可以轻而易举的更改pref中的数据,更改完毕之后,立即生效,直接就可以重新体验引导流程了。
3、现在开发的应用程序绝大多数都是网络请求需要的,哪怕是一些工具类应用都大多具备网络请求模块,因此开发者在开发过程中,难免会对于服务端返回的数据持怀疑态度,因为,按照预期,数据正确的话,ui的渲染不应该是这样,那么到底是后端数据返回错误,还是程序bug,有了stetho的帮助,其原因将一目了然,这一切的一切都是stetho将数据模型发送给Chrome Developer Tools ,最终才已友好的方式展示给了开发者,方便开发者迅速定位问题。
Stetho原理
Stetho官网并没有介绍Stetho的原理,因此,了解Stetho原理最好的方式莫过于看Stetho的源码。本文只是简单的介绍,因此大概的分析一下stetho的原理:
从源码中,我们可以大致的推断出设备上的数据发送到Chrome Developer Tools上最终展示给开发者看到的流程大致是这样的:
用语言来描述应该是这样子:
1、安装了stetho插件的app启动之后,会启动一个本地server1(LocalSocketServer),这个本地server1等待着app(client)的连接。
2、同时,这个本地server1会与另外一个本地server2(ChromeDevtoolsServer)连接着。
3、本地app一旦连接上,数据将会不停的被发送到本地server1,然后转由server2.
4、然后Chrome Developer Tools,想访问网站一样的,访问了ChromeDevtoolsServer,随之将数据友好的展示给了开发者,这么一个过程就此完结。