Stetho在Chrome上调试Android网络和数据库

通过chrome来查看android数据库。

集成步骤：

1. 引入依赖包

    compile 'com.facebook.stetho:stetho:1.3.1'

2. 初始化一下

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

3. 运行App, 打开Chrome输入chrome://inspect/#devices（别忘了用数据线把手机和电脑连起来哦）

如上图，chrome会检测到我们的app，点击inspect进入查看页面

通过Stetho来实现，chrome调试Android网络请求。

注：这里的例子是基于采用okhttp来发请求的，如果是HttpURLConnection可以到Stetho官网查看相关配置

步骤：

1. 引入依赖包

    compile 'com.facebook.stetho:stetho:1.3.1' compile 'com.facebook.stetho:stetho-okhttp3:1.3.1' compile 'com.squareup.retrofit2:retrofit:2.0.0-beta4' compile 'com.squareup.okhttp3:okhttp:3.2.0' compile 'com.squareup.retrofit2:converter-gson:2.0.0-beta4'

2. 初始化一下

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

3. 添加拦截器

    OkHttpClient client = new OkHttpClient.Builder()             .addNetworkInterceptor(new StethoInterceptor())             .build();

   注：是addNetworkInterceptor不是addInterceptor

4. 运行App, 打开Chrome输入chrome://inspect/#devices（跟上文查看数据库内容的步骤一样）

   点击inspect进入查看页面，然后在app用okhttp发起一个请求，就可以在Network下拦截到请求的相关数据了。

   
   

   nice~

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

查看界面UI树状结构

Elements下查看~

普通text信息还可以直接修改并在手机上预览效果。~(≧▽≦)/~