借助Stetho在Chrome上调试Android网络&数据库

先来谈谈我的数据库调试历程

第一阶段：

这个熟悉的界面，记得那是13年初的时候，想要查看sqlite里面的数据都要通过这个Android Device Monitor找到/data/data/com.xxx.xxx/databases里面的db文件，然后导出到PC上，最后用PC上的数据库工具打开来查看。

还会遇到data文件夹死活打不开的情况（权限问题），说多了都是泪��

第二阶段：

后来手机上出现了一些资源查看的App(需要root权限)，可以直接在手机上查看数据库啦

~(上图为RE文件管理器的截图)

这比上面那种方式真是方便太多了，但也有很多不足之处，比如需要两个应用切换来切换去、当数据量比较大的时候会比较卡。

第三阶段：

下面就是本文的重点啦~通过chrome来查看android数据库。

主角：Facebook推出的Stetho，

集成步骤：

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进入查看页面

注：有读者反馈第一次打开有遇到空白的情况，这时只要翻个墙就好了（20160817更新）

做过Web前端开发的小伙伴们对这个界面应该再熟悉不过了，此时如果你的app中有数据库存在的话就可以在Resources下的Web SQL中找到你的数据库文件查看数据库中的内容啦~

如果想要修改的话，可以点击数据库文件名就进入cmd模式了，可以通过sql命令来增删改查啦~~(≧▽≦)/~

第三阶段

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

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

步骤：

引入依赖包

 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'

初始化一下

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

添加拦截器

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

注：是addNetworkInterceptor不是addInterceptor

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

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

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

有个小问题, Response返回的json数据没法自动格式化显示=_=，有解决过这个问题的朋友还请留言告知，3Q~

One more thing

界面UI树状结构也能抓的到呀！！！

Elements下查看~

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

全部测试代码下载地址:

https://github.com/hellsam/StethoTest

作者：hellsam
链接：http://www.jianshu.com/p/03da9f91f41f
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。