Google浏览器调试app -- Stetho（可调试网络，资源）

Stetho Study

一、Stetho概述

二、如何使我们的app的信息输入到Chrome上

环境配置

首先添加依赖：

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.facebook.stetho:stetho:1.0.1'
    compile 'com.facebook.stetho:stetho-okhttp:1.0.1'
}

compile ‘com.facebook.stetho:stetho:1.0.1’

是添加的依赖包。

compile ‘com.facebook.stetho:stetho-okhttp:1.0.1’

本身只是继承了一个okhttp的拦截器，同时该包还依赖okhttp-2.2.0。因此我们不需要再添加okhttp的依赖。

插入代码

我们需要全局设置stetho的初始化类，使得Chrome可以监听我们的app。主要分分两步，第一步是app基本参数的监听：

于是我们在自定义Application中onCreate中，添加如下代码：

Stetho.initialize(
    Stetho.newInitializerBuilder(this).enableDumpapp(
            Stetho.defaultDumperPluginsProvider(this))
            .enableWebKitInspector(
                    Stetho.defaultInspectorModulesProvider(this))
            .build());

然后在Manifest里声明，OK！

但是这样初始化无法监听网络访问的请求。于是需要在网络访问模块里单独设置，即第二步：

Stetho支持两种方式的网络访问机制的监听，一是okhttp，二是HttpUrlConnection。

如果你是用的是HttpUrlConnection，你需要使用StethoURLConnectionManager来进行集成。然后必须声明Accept-Encoding: gzip的请求

headers。具体用法见facebook stetho源码的sample。

最有效的，也是最简单的方式是okhttp。

OkHttpClient client = new OkHttpClient();
client.networkInterceptors().add(new StethoInterceptor());

原理是，okhttp本身就有拦截器机制，即拦截器拦截request，根据该请求的情况二次处理。而这里我们向OkHttpClient对象添加新的拦截器。

client.networkInterceptors()的含义是返回此client具有的拦截器集合。

因此可以在使用网络的地方，或者建立一个全局的client对象，对client进行处理。

使用Chrome

打开Chrome，输入 chrome://inspect 然后就可以在列表里看到有你的app可以用stetho进行调试的app。

此时手机有几个运行添加stetho监听的app，就会出现在Chrome中。然后点开，就会看到类似DDMS的调试器。它的好处在于可以脱离IDE进行测试，

还可以进行一些对持久化数据存储的修改。

注意更改程序后，需要重新打开。

四、最后

为了显示和源码Sample的不同，贴上使用okhttp访问网络使用Stetho进行调试的Demo。

MainActivity.java

package com.stethodemo;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.os.Handler;
import android.os.Looper;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import com.facebook.stetho.okhttp.StethoInterceptor;
import com.squareup.okhttp.Call;
import com.squareup.okhttp.Callback;
import com.squareup.okhttp.OkHttpClient;
import com.squareup.okhttp.Request;
import com.squareup.okhttp.Response;

import java.io.IOException;
import java.io.InputStream;

public class MainActivity extends Activity {

    private ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView) findViewById(R.id.img);

        networkTest();

        sqlTest();
    }

    /*********************************************************************************************/


    private void sqlTest() {
        new SqlTest(this, "db_con", null, 1);
    }

    private void networkTest() {

        Button button = (Button) findViewById(R.id.btn);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                displayImage(imageView, "http://pic.cnr.cn/pic/shehui/20150902/W020150902291344708813.jpg");
            }
        });
    }

    /**
     * 加载图片
     *
     * @param view
     * @param url
     * @throws IOException
     */
    private void displayImage(final ImageView view, final String url) {
        OkHttpClient client = new OkHttpClient();
        client.networkInterceptors().add(new StethoInterceptor());

        final Request request = new Request.Builder()
                .url(url)
                .build();
        Call call = client.newCall(request);
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Request request, IOException e) {

            }

            @Override
            public void onResponse(Response response) {
                InputStream is = null;
                try {
                    is = response.body().byteStream();

                    try {
                        is.reset();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }

                    final Bitmap bm = BitmapFactory.decodeStream(is, null, null);
                    new Handler(Looper.getMainLooper()).post(new Runnable() {
                        @Override
                        public void run() {
                            view.setImageBitmap(bm);
                        }
                    });
                } catch (Exception e) {

                    e.printStackTrace();

                } finally {
                    if (is != null) try {
                        is.close();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }
        });
    }
}

MyApplication.java

package com.stethodemo;

import android.app.Activity;
import android.app.Application;
import android.content.SharedPreferences;

import com.facebook.stetho.Stetho;

/**
 * Created by wom on 2015/9/1.
 */

public class MyApplication extends Application {

    SharedPreferences myPreferences;

    public void onCreate() {
        super.onCreate();

        Stetho.initialize(
                Stetho.newInitializerBuilder(this).enableDumpapp(
                        Stetho.defaultDumperPluginsProvider(this))
                        .enableWebKitInspector(
                                Stetho.defaultInspectorModulesProvider(this))
                        .build());

        sharedPreferencesTest();

    }

    private void sharedPreferencesTest() {

        myPreferences = getSharedPreferences("SharedPreferencesTest", Activity.MODE_APPEND);
        SharedPreferences.Editor editor = myPreferences.edit();
        editor.putInt("llll", 1111);
        editor.apply();
    }

}