Stetho是FaceBook开源的一个android插件项目，使用它可以在Chrome浏览器上直接进行网络和数据库的调试。

Stetho的github地址：https://github.com/facebook/stetho

Stetho的官网地址：http://facebook.github.io/stetho/

• 首先引入Stetho

    目前官方最新版本
    compile 'com.facebook.stetho:stetho:1.5.0'
    compile 'com.facebook.stetho:stetho-okhttp3:1.5.0'

• 初始化Stetho

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Stetho.initializeWithDefaults(this);
    }
}

• 在应用中创建数据库添加数据，个人习惯使用greendao，如果需要请看http://blog.csdn.net/huangxiaoguo1/article/category/7222675

• 手机连接电脑（打开开发者调试模式）， 运行app，打开Chrome输入chrome://inspect/#devices

图片.png

点击inspect进入查看页面

• 查看数据库，点击查看页面的Resources菜单

TIM图片20171214100940.png

在Resources中可以看到，我在这里创建了一个student表，并展示数据内容。

• 查看网络请求，点击查看页面的Network菜单

1.png

然后点击网络请求，在Preview中看到返回数据的层级结构

2.png

在Response中可以得到完整的json数据串！

• 查看界面UI树状结构

3.png

在Elements菜单下可以查看当前app页面的UI树状结构！