使用Chrome浏览器调试Android App详解

个人一直对Chrome情有独钟，Chrome除了更快之外，对开发者的支持更友好。内置强大的Developer Tools，相信web开发简直爱不释手！而且Chrome Store里提供各种各样的插件，没有你用不到，只有你想不到。现在任何事基本Chrome全部办的到，有时候就在想，如果可以用Chrome调试Android App该多方便，而如今Facebook刚刚开源了一个工具Stetho，从此Chrome调试Android不再是梦。

调试工具

在Android开发中除了一些官方自带的一些调试工具外，还有两个工具我认为是必备的。

1.抓包工具

windows平台最好用的应该是Fiddle，Mac上最好用的应该是Charles。这个应该是App开发必备，不管是Android还是iOS。

2.sqlite查看

这个工具就多了，除了自带的sqlite3工具之外，还是需要一些GUI方面的工具更方便，就不一一列举了，大家自行搜索找到自己喜欢的工具就行了，有一些浏览器插件，也有一些各个平台的客户端。需要知道的是如果想查看App内的sqlite文件需要root。

Stetho

抓包工具虽然好用，但是每次都要在手机设置代理，也挺麻烦的，查看sqlite文件必须要root这点更麻烦。但是有了stetho，这些工具全部自带了，使用方便，无须root，下面就来看下官方demo介绍的使用用法。

1.首先Gradle进行依赖
代码如下:
dependencies {
  compile 'com.facebook.stetho:stetho:1.0.1'
}
2.然后在你的App的Application类里进行配置
代码如下:
public class MyApplication extends Application {
  public void onCreate() {
    super.onCreate();
    Stetho.initialize(
      Stetho.newInitializerBuilder(this)
        .enableDumpapp(
            Stetho.defaultDumperPluginsProvider(this))
        .enableWEBKitInspector(
            Stetho.defaultInspectORModulesProvider(this))
        .build());
  }
}

然后就可以运行App进行调试，基本上可以满足调试需求了。

3.Chrome调试

打开Chrome，输入 chrome://inspect 然后就可以在列表里看到有你的app可以用stetho进行调试的app，facebook官方也提供了一个基本的sample，以下是它的sample提供的调试截图

基本功能使用

1.检测网络状态

2.查看App本地数据库并且可以直接执行SQL

查看App本地的SharedPreference文件并可以直接编辑

注意事项

值得注意的是如果你只是简单的进行配置下，检测网络状态的是没法查看，有两种方式：

1.使用OkHttp

这是最简单的一种方式，要求OkHttp的版本在2.2.x+，只需要添加如下代码, 这也是目前最简单的方法
代码如下:
OkHttpClient client = new OkHttpClient();
client.networkInterceptors().add(new StethoInterceptor());

2.使用HttpURLConnection

如果你使用的自己写的或者其他http library底层是用HttpURLConnection实现的，你需要使用StethoURLConnectionManager来进行集成。然后必须声明Accept-Encoding: gzip的请求headers。具体用法见facebook stetho源码的sample。

其中你可能会依赖如下network helpers.
代码如下:
dependencies {
  compile 'com.facebook.stetho:stetho-okhttp:1.0.1'
}
或者
代码如下:
dependencies {
  compile 'com.facebook.stetho:stetho-urlconnection:1.0.1'
}
最后，提供一个facebook stetho demo的一个下载。

Stetho Sample

您可能感兴趣的文章:使用Chrome调试javascript的断点设置和调试技巧使用Chrome浏览器调试angularjs应用的方法Android 手机浏览器调试使用Chrome进行调试实例详解在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascriptflex chrome浏览器调试出现空白的解决方法利用Chrome DevTools直接调试node.js和JavaScript的方法详解(并行)chrome调试javascript详解Chrome调试折腾记之JS断点调试技巧chrome浏览器如何断点调试异步加载的JS利用chrome浏览器进行js调试并找出元素绑定的点击事件详解