Stetho

偶然了解Stetho,尝试加入了Widgets套餐

引入步骤

• 模块gradle中引入依赖：

  dependencies { 
    compile 'com.facebook.stetho:stetho-okhttp3:1.5.0' 
  } 

• 如果需要监测网络数据，需要增加依赖(我这里使用的是okhttp3网络框架)：

 dependencies { 
    compile 'com.facebook.stetho:stetho-okhttp3:1.5.0' 
  } 

ps：平时都是用Charles抓包的，功能应该都是一样的，主要是能在chrome上使用。

• application初始化：

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

• 监测网络时需要在Okhttp中增加网络拦截器：

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

当然，如果使用Retrofit，你可以如下构建：

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

        Retrofit retrofit = new Retrofit.Builder()
                .client(client)
                ...

• 以上集成完成，编译后打开chrome:chrome://inspect/#devices

chrome device

点击inspect可以开始查看到相关数据了。查看数据库，这是我觉得最方便的了：

db

意外发现x5内核在chrome上自带调试：

x5

以及布局层级的检查：

view

• 如果有打开弹出的小窗口白屏的，需要翻墙一下即可。