Android开发调试神器——Stetho介绍

随着Android开发技术的逐步完善，好用的插件，开源项目越来越多，善于使用这些插件能够大大提升你的开发效率。今天介绍一个Facebook开源的Andorid调试工具。

由Facebook推出的Stetho基于Chrome控制台，将网络监控，程序数据，甚至js 控制台整合在一起非常方便。

1、Stetho集成

1. 项目添加依赖。

   compile ‘com.facebook.stetho:stetho:1.3.1‘
   compile ‘com.facebook.stetho:stetho-okhttp3:1.3.1‘
 
 
1
2
 
 
1
2

注：这里以Okhttp为例，并认为你已经使用了okhttp，其他网络请求工具请自行百度，或者到项目地址查看。如果你不需要调试网络接口则不需要添加okhttp的依赖。

2. 初始化 Stetho

public class MyApplication extends Application { 
      public void onCreate() { 
        super.onCreate(); 
        Stetho.initializeWithDefaults(this); 
      }
}
 
 
1
2
3
4
5
6
 
 
1
2
3
4
5
6

3. 修改网络请求（可选）

new OkHttpClient.Builder() .
    addNetworkInterceptor(new StethoInterceptor()) .build();
 
 
1
2
 
 
1
2

4. 运行你的项目

在chrome中访问 chrome://inspect 
找到你的项目 点击 inspect.如图：

1、查看Android数据库

说到查看android数据库肯定有好多人想的是先把手机root了，然后通过这个Android Device Monitor找到/data/data/com.xxx.xxx/databases里面的db文件，然后导出到PC上，最后用PC上的数据库工具打开来查看。这种方式还会遇到data文件夹死活打不开的情况（权限问题），说多了都是泪。我们还是直接开口Stetho怎么方便快捷查看DB吧。 
 
如上图，在Chrome的控制台中选择Resources，这里保存了手机上的数据，Web SQL下面就是数据库了，点击就可以看到数据库中有多少张表，每张表里有多少数据。Local Storage中保存了本地缓存数据也就是sharedpreference中的数据，点击对应的应用也可以清楚看到存储的数据。

另外，如果想要修改的话，可以点击数据库文件名就进入cmd模式了，可以通过sql命令来增删改查啦。如下图： 

2、调试网络接口

有时候想看看请求的接口和返回的数据，我们常用的做法是把请求地址放在浏览器中查看或者使用Post man来查看，这种方法我们都需要手动添加接口的参数，header等信息，非常麻烦。现在通过Stetho只要程序跑起来我们就能随时看到程序的接口数据了。如下图： 

小贴士：用Chrome开发者工具抓包的时候，会发现如果页面跳转了，那么上一个页面的请求信息就没有了。这个只要勾选上Preserve log就不会了。

3、查看UI页面结构

界面UI树状结构也能抓的到，点击Elements下查看。普通text信息还可以直接修改并在手机上预览效果。~(≧▽≦)/~上图：