服务器之家

服务器之家 > 正文

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

时间:2021-03-19 14:55     来源/作者:安卓之家

个人一直对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提供的调试截图

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

基本功能使用

1.检测网络状态

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

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

使用Chrome浏览器调试Android App详解查看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

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部