Android 使用Stetho调试

凌浩雨 2017-12-06

android 数据库 布局 浏览器 facebook chrome network

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
登录 后评论
下一篇
corcosa
16011人浏览
2019-10-08
相关推荐
Android开发实践小结
364人浏览
2016-11-08 20:04:00
值得一试的Android开发工具
556人浏览
2018-05-17 12:56:00
Android Gradle使用总结
878人浏览
2017-08-29 15:23:00
Anroid文章推荐
679人浏览
2018-06-16 21:25:00
如何更高效地使用 OkHttp
948人浏览
2017-10-20 10:49:00
Android技术周报_W9
843人浏览
2017-10-25 10:35:54
大数据情报2018-6-19
850人浏览
2018-06-18 21:06:25
OKhttp使用详解(二)
744人浏览
2017-10-11 13:13:00
Android常用工具类的封装
613人浏览
2018-04-27 14:44:00
Android Realm(数据库)
493人浏览
2018-01-17 20:19:00
Android 使用过的框架
424人浏览
2017-12-19 13:05:00
0
0
0
269