为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Android

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树状结构!

点击查看更多内容
5人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
50
获赞与收藏
188

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消