首頁 Java java教程 使用Chrome瀏覽器調試Android App詳解

使用Chrome瀏覽器調試Android App詳解

Jan 17, 2017 pm 02:52 PM

個人一直對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详解

2.查看Appc直接編輯

注意事項

值得注意的是如果你只是簡單的進行配置下,檢測網絡狀態的是沒法查看,有兩種方式:

1.使用OkHttp

這是最簡單的一種方式,要求OkHttp的版本在2.2.x+,只需要添加如下程式碼, 這也是目前最簡單的方法

OkHttpClient client = new OkHttpClient();
client.networkInterceptors().add(new StethoInterceptor());
登入後複製

2.使用HttpURLConnection

如果你使用的自己寫的或者其他http library底層是用HttpURLConnectionLConnectionLConnection實現的,你需要使用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'
}
登入後複製
更多使用Chrome瀏覽器調試Android App詳解相關文章請關注PHP中文網!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

2025年的前4個JavaScript框架:React,Angular,Vue,Svelte 2025年的前4個JavaScript框架:React,Angular,Vue,Svelte Mar 07, 2025 pm 06:09 PM

2025年的前4個JavaScript框架:React,Angular,Vue,Svelte

如何使用咖啡因或Guava Cache等庫在Java應用程序中實現多層緩存? 如何使用咖啡因或Guava Cache等庫在Java應用程序中實現多層緩存? Mar 17, 2025 pm 05:44 PM

如何使用咖啡因或Guava Cache等庫在Java應用程序中實現多層緩存?

Node.js 20:關鍵性能提升和新功能 Node.js 20:關鍵性能提升和新功能 Mar 07, 2025 pm 06:12 PM

Node.js 20:關鍵性能提升和新功能

Java的類負載機制如何起作用,包括不同的類載荷及其委託模型? Java的類負載機制如何起作用,包括不同的類載荷及其委託模型? Mar 17, 2025 pm 05:35 PM

Java的類負載機制如何起作用,包括不同的類載荷及其委託模型?

冰山:數據湖桌的未來 冰山:數據湖桌的未來 Mar 07, 2025 pm 06:31 PM

冰山:數據湖桌的未來

Spring Boot Snakeyaml 2.0 CVE-2022-1471問題已修復 Spring Boot Snakeyaml 2.0 CVE-2022-1471問題已修復 Mar 07, 2025 pm 05:52 PM

Spring Boot Snakeyaml 2.0 CVE-2022-1471問題已修復

如何將JPA(Java持久性API)用於具有高級功能(例如緩存和懶惰加載)的對象相關映射? 如何將JPA(Java持久性API)用於具有高級功能(例如緩存和懶惰加載)的對象相關映射? Mar 17, 2025 pm 05:43 PM

如何將JPA(Java持久性API)用於具有高級功能(例如緩存和懶惰加載)的對象相關映射?

如何將Maven或Gradle用於高級Java項目管理,構建自動化和依賴性解決方案? 如何將Maven或Gradle用於高級Java項目管理,構建自動化和依賴性解決方案? Mar 17, 2025 pm 05:46 PM

如何將Maven或Gradle用於高級Java項目管理,構建自動化和依賴性解決方案?

See all articles