Android 使用Stetho调试

Stetho下载地址

1. Android Studio添加依赖

  // 基本操作
  compile 'com.facebook.stetho:stetho:1.5.0'
  // 网络操作--有网络操作添加
  compile 'com.facebook.stetho:stetho-okhttp3:1.5.0'
  compile 'com.squareup.okhttp3:okhttp:3.9.0'

2. 代码配置

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

3. 数据库文件读取

1> 打开Chrome浏览器, 地址栏输入chrome://inspect/#devices, 并访问, 访问之后界面如下:

主页.png

2> 点击大红框中的inspect, 打开Developer Tools窗口, 如下:

Developer Tools.png

注: 如果打开这个页面为空白, 解决方法翻墙...

3> 点击上方菜单Resources，内容如下:

Resources.png

4> 在左侧栏选择WebSQL, 然后列出数据库名称(TouTiao), 点击数据库名称展示出数据库表, 如下:

数据库表内容.png

4. 网络数据查看

1> 添加网络拦截

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

注意：是addNetworkInterceptor不是addInterceptor

2> 在App中执行网络请求, 在Developer Tools中的Network菜单下查看:

Network.png

点击左侧Name Path即可查看链接详细信息.
注：用Chrome开发者工具抓包的时候，当页面发生跳转时，上一个页面的请求信息就没了，这时只要勾选上Preserve log就不会出现这个问题了。

5. 查看布局界面

Elements.png