遠端調試 Android 裝置使用入門

遠端調試 Android 裝置使用入門

Kayce Basques

By

Technical Writer at Google

從 Windows、Mac 或 Linux 計算機遠端調試 Android 裝置上的實時内容。 本教程将向您展示如何：

設定您的 Android 裝置進行遠端調試，并從開發計算機上發現裝置。

從您的開發計算機檢查和調試 Android 裝置上的實時内容。

将 Android 裝置上的内容抓屏到您的開發計算機上的 DevTools 執行個體中。

遠端調試圖示

要求

開發計算機上已安裝 Chrome 32 或更高版本。

開發計算機上已安裝

USB 驅動程式

（如果您使用 Windows）。 確定裝置管理器報告正确的 USB 驅動程式

擁有一根可以将您的 Android 裝置連接配接至開發計算機的 USB 電纜。

Android 4.0 或更高版本。

您的 Android 裝置上已安裝 Chrome（Android 版）。

第 1 步：發現您的 Android 裝置

在您的 Android 裝置上，選擇 Settings > Developer Options > Enable USB Debugging。 在運作 Android 4.2 及更新版本的裝置上，Developer options 預設情況下處于隐藏狀态。 請參閱

啟用裝置上的開發者選項

以了解如何啟用它。

在您的開發計算機上打開 Chrome。您應使用您的一個 Google 帳戶登入到 Chrome。 遠端調試在

隐身模式

或

訪客模式

下無法運作。

打開 DevTools

。

在 DevTools 中，點選 Main Menu

主菜單

，然後選擇 More tools > Remote devices。

打開遠端裝置抽屜式導航欄

在 DevTools 中，點選 Settings 标簽（如果正在顯示另一個标簽）。

確定已啟用 Discover USB devices。

已啟用 Discover USB devices

使用一根 USB 電纜将 Android 裝置直接連接配接到您的開發計算機。 請勿使用任何中間 USB 集線器。如果這是您首次将您的 Android 裝置連接配接到此開發計算機，您的裝置将顯示在 Unknown 中，其下面具有文本 Pending Authorization。

未知的裝置，待授權

如果您的裝置顯示為 Unknown，則在 Android 裝置上接受 Allow USB Debugging 權限提示。 Unknown 被替換為您的 Android 裝置的型号名稱。 綠色圓圈和 Connected 文本表示您已大功告成，可以從開發計算機遠端調試您的 Android 裝置。

注：如果您在發現流程中遇到任何問題，您可以通過在 Android 裝置上選擇 Settings > Developer Options > Revoke USB Debugging Authorizations 重新開機該流程。

第 2 步：從您的開發計算機調試 Android 裝置上的内容。

如果您尚未在 Android 裝置上打開 Chrome，則現在打開它。

傳回 DevTools，點選與裝置的型号名稱比對的标簽。 在此頁面的頂部，您會看到 Android 裝置的型号名稱，後面緊跟着其序列号。 在型号名稱下面，您可以看到在裝置上運作的 Chrome 的版本，版本号在括号裡。每個打開的 Chrome 标簽都會有自己的區域。您可以從此區域與該标簽互動。 如果有任何使用 WebView 的應用，您也會看到針對每個應用的區域。 下面的螢幕截圖沒有任何打開的标簽或 WebViews。

[圖檔上傳中。。。（7）]

在 New tab 旁輸入一個網址，然後點選 Open。此頁面将在 Android 裝置上的新标簽中打開。

點選您剛剛打開的網址旁的 Inspect。這将打開一個新的 DevTools 執行個體。 您的 Android 裝置上運作的 Chrome 的版本決定在開發計算機上打開的 DevTools 的版本。是以，如果您的 Android 裝置正在運作一個非常舊的 Chrome 版本，則 DevTools 執行個體看上去可能與您常用的執行個體有很大的差别。

更多操作：重新加載、聚焦或關閉一個标簽

點選您要重新加載、聚焦或關閉的标簽旁的 More Options

更多選項

[圖檔上傳中。。。（9）]

檢查元素

轉到您的 DevTools 執行個體的 Elements 面闆，将滑鼠懸停在一個元素上以在 Android 裝置的視口中突出顯示它。

您還可以在 Android 裝置螢幕上點按一個元素，以在 Elements 面闆中選中它。 點選您的 DevTools 執行個體上的 Select Element [圖檔上傳中。。。（10）]，然後在您的 Android 裝置螢幕上點按此元素。 請注意，Select Element 将在第一次觸摸後停用，是以，每次想要使用此功能時您都需要重新啟用它。

Android 裝置到開發計算機的抓屏

點按 Toggle Screencast ![Toggle Screencast][screencast]{:.devtools-inline} 以在您的 DevTools 執行個體中檢視 Android 裝置的内容。

您可以通過多種方式與抓屏互動：

将點選轉變為點按，在裝置上觸發适當的觸摸事件。

将計算機上的按鍵發送至裝置。

要模拟雙指張合手勢，請按住 Shift

拖動。

要滾動，請使用您的觸控闆或滑鼠滾輪，或者使用您的滑鼠指針抛式滾動。

關于抓屏的一些注意事項：

抓屏僅顯示頁面内容。抓屏的透明部分表示裝置界面，如 Chrome 多功能框、Android 狀态欄或 Android 鍵盤。

抓屏會對幀率産生負面影響。在測量滾動或動畫時停用抓屏，以更準确地了解頁面的性能。

如果您的 Android 裝置螢幕鎖定，您的抓屏内容将消失。 将您的 Android 裝置螢幕解鎖可自動恢複抓屏。

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3