OkHttp+Stetho+Chrome调试android网络部分（原创）

android网络调试一直是一个比较麻烦的部分，由于在不一样序列的请求中，返回的数据会有不一样的变化，若是能像web开发同样使用调试功能查看页面的访问数据该是多么美好的事情！

很幸运的是，如今Android开发也能够实时监听网络访问了，可以看到你的发送数据信息，也可以看到返回数据信息。

如图：

 

点击每一个请求会看到详细页面，能够查看请求的详情，如图：

 

若是要达到上面的效果，你须要改造你的网络请求模块，使用Chrome浏览器和android程序之间的中间件来链接，这就是本篇要介绍的主题：

OkHttp+Stetho+Chrome进行网络调试。

 

okhttp是Square的一款很是优秀的网络访问框架，它的使用很是简单，能够经过github去获取其源代码：

https://github.com/square/okhttp

 

Stetho则是facebook开发的一款链接android程序和Chrome开发者工具的一个桥梁：

https://github.com/facebook/stetho

 

使用方式：

1.工程依赖包以下：

commons-cli-1.2.jar

okhttp-2.3.0.jar

okio-1.3.0.jar

stetho-1.0.1.jar

stetho-okhttp-1.0.1.jar

 

2.须要继承Application类来初始化Stetho工具。

package com.peiandsky.chromedebug;

import android.app.Application;

import com.facebook.stetho.Stetho;

public class App extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        Stetho.initialize(Stetho
                .newInitializerBuilder(this)
                .enableDumpapp(Stetho.defaultDumperPluginsProvider(this))
                .enableWebKitInspector(
                        Stetho.defaultInspectorModulesProvider(this)).build());
    }
}

 

 

在AndroidManifest.xml须要配置为程序的app：

 

3.使用okhttp访问的代码以下：

package com.peiandsky.chromedebug;

import java.io.IOException;

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

public class Net {
    private static final boolean debug = true;
    private static OkHttpClient okHttpClient = new OkHttpClient();
    static {
        if (debug) {
            okHttpClient.networkInterceptors().add(new StethoInterceptor());
        }
    }

    public static final void askBaidu() {
        Request request = new Request.Builder().url("http://www.baidu.com")
                .build();
        try {
            Response response = okHttpClient.newCall(request).execute();
            String reslut = response.body().string();

        } catch (IOException e) {
            e.printStackTrace();
        }
    }
}

 

 

运行程序后就会发现，在chrome中的网址栏输入： chrome://inspect/

 

能够查看如图：

 

点击蓝色的inspect的链接，既能够看到本文开头的调试画面。