Android 使用Stetho调试

  1. 云栖社区>
  2. 博客>
  3. 正文

Android 使用Stetho调试

凌浩雨 2017-12-06 18:23:00 浏览526
展开阅读全文

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, 并访问, 访问之后界面如下:

img_2719357d74b51bf2bd4fa8241d125ff5.png
主页.png

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


img_077125af171f638d2ded3718a01e58b7.png
Developer Tools.png

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

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


img_4525492bd616a1ad3dd0cd89c2b154eb.png
Resources.png

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


img_f47af39539efffaf8aba6db5e2d16421.png
数据库表内容.png

4. 网络数据查看

1> 添加网络拦截

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

注意:是addNetworkInterceptor不是addInterceptor

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

img_d12873ce6879e87e7355a40b672e0cdb.png
Network.png

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

5. 查看布局界面

img_e9bfd566a669f66e064b693b63ec48d5.png
Elements.png

网友评论

登录后评论
0/500
评论
凌浩雨
+ 关注