继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

使用Stetho在Chrome上直接调试android应用数据库&Okhttp网络请求

晓果
关注TA
已关注
手记 13
粉丝 50
获赞 188

Stetho是FaceBook开源的一个android插件项目,使用它可以在Chrome浏览器上直接进行网络和数据库的调试。

Stetho的github地址:https://github.com/facebook/stetho

Stetho的官网地址:http://facebook.github.io/stetho/

  • 首先引入Stetho
    目前官方最新版本

    compile 'com.facebook.stetho:stetho:1.5.0'
    compile 'com.facebook.stetho:stetho-okhttp3:1.5.0'
  • 初始化Stetho
public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Stetho.initializeWithDefaults(this);
    }
}
  • 在应用中创建数据库添加数据,个人习惯使用greendao,如果需要请看http://blog.csdn.net/huangxiaoguo1/article/category/7222675

  • 手机连接电脑(打开开发者调试模式), 运行app,打开Chrome输入chrome://inspect/#devices

图片描述

点击inspect进入查看页面
  • 查看数据库,点击查看页面的Resources菜单

图片描述

在Resources中可以看到,我在这里创建了一个student表,并展示数据内容。

  • 查看网络请求,点击查看页面的Network菜单

图片描述

然后点击网络请求,在Preview中看到返回数据的层级结构

图片描述

在Response中可以得到完整的json数据串!

  • 查看界面UI树状结构

图片描述

在Elements菜单下可以查看当前app页面的UI树状结构!

打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP