Stetho(Facebook出品)---Android调试器的使用

<pre name="code" class="java">

 转载请标明出处【BigManing的博客】

http://blog.csdn.net/qq_27818541/article/details/50387641

源码下载：https://github.com/BigManing/StethoTest

一.简介

功能：1. 查看viewtree  结构

2.网络抓包，查看请求--响应 实体内容

3. SharedPreferences   db   界面可视化的查看

二.配置

        gradle:

    compile 'com.android.support:appcompat-v7:23.1.1'    // stetho 调试依赖的库    compile 'com.facebook.stetho:stetho:1.2.0'    //  使用 okhttp 网络框架需要的依赖库    compile 'com.facebook.stetho:stetho-okhttp:1.2.0'    //  使用 urlconnection 网络框架需要的依赖库    // compile 'com.facebook.stetho:stetho-urlconnection:1.2.0'</span>

       Application:

public class MyApp extends Application {    public static OkHttpClient okHttpClient;    @Override    public void onCreate() {        // 1 初始化    stetho        Stetho.initialize(                Stetho.newInitializerBuilder(this)                        .enableDumpapp(Stetho.defaultDumperPluginsProvider(this))                        .enableWebKitInspector(Stetho.defaultInspectorModulesProvider(this))                        .build());        // 2 网络 拦截   全局就这一个 实例        if (okHttpClient == null) {            okHttpClient = new OkHttpClient();        }        okHttpClient.networkInterceptors().add(new StethoInterceptor());// 3  网络拦截器        super.onCreate();    }}

 

xml：

界面很简单   1 个操作网络   1个操作sp（db的类似  就不展现了 ，有兴趣的童鞋可以试下）

三. 展示

1. 先运行项目到手机上

2.在chrome浏览器上输入

<pre name="code" class="plain">chrome://inspect

3.运行ok ，会出现此界面（出现包名） 

4.点击  inspect   进入以下界面（自备梯子，否则出现界面空白） 

 在Elements界面，可以看到viewtree关系以及相关属性，点击对应的布局，手机上对应的地方会出现颜色变化

 

5. 在Network界面，可以一览  请求以及响应信息

6. 在Resource界面，可以一览   SharedPreferences里面存储的信息（例子中使用的是  setting 文件）（db 同样也可以可视化，这里就不一一赘述了）