Android应用程序调试神器Stetho

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的原理：

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，随之将数据友好的展示给了开发者，这么一个过程就此完结。