遠程調試 Android 設備使用入門
遠程調試 Android 設備使用入門
- 目錄
- 要求
- 第 1 步：發現您的 Android 設備
- 第 2 步：從您的開發計算機調試 Android 設備上的內容。
- 更多操作：重新加載、聚焦或關閉一個標簽
- 檢查元素
- Android 設備到開發計算機的抓屏
- 反饋
By Kayce Basques
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。
-
使用一根 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。
-
在 New tab 旁輸入一個網址，然後點擊 Open。此頁面將在 Android 設備上的新標簽中打開。
-
點擊您剛剛打開的網址旁的 Inspect。這將打開一個新的 DevTools 實例。 您的 Android 設備上運行的 Chrome 的版本決定在開發計算機上打開的 DevTools 的版本。因此，如果您的 Android 設備正在運行一個非常舊的 Chrome 版本，則 DevTools 實例看上去可能與您常用的實例有很大的差別。
更多操作：重新加載、聚焦或關閉一個標簽
點擊您要重新加載、聚焦或關閉的標簽旁的 More Options 。
檢查元素
轉到您的 DevTools 實例的 Elements 面板，將鼠標懸停在一個元素上以在 Android 設備的視口中突出顯示它。
您還可以在 Android 設備屏幕上點按一個元素，以在 Elements 面板中選中它。 點擊您的 DevTools 實例上的 Select Element 
，然後在您的 Android 設備屏幕上點按此元素。 請註意，Select Element 將在第一次觸摸後停用，因此，每次想要使用此功能時您都需要重新啟用它。
Android 設備到開發計算機的抓屏
點按 Toggle Screencast ![Toggle Screencast][screencast]{:.devtools-inline} 以在您的 DevTools 實例中查看 Android 設備的內容。
您可以通過多種方式與抓屏互動：
- 將點擊轉變為點按，在設備上觸發適當的觸摸事件。
- 將計算機上的按鍵發送至設備。
- 要模擬雙指張合手勢，請按住 Shift 拖動。
- 要滾動，請使用您的觸控板或鼠標滾輪，或者使用您的鼠標指針拋式滾動。
關於抓屏的一些註意事項：
- 抓屏僅顯示頁面內容。抓屏的透明部分表示設備界面，如 Chrome 多功能框、Android 狀態欄或 Android 鍵盤。
- 抓屏會對幀率產生負面影響。在測量滾動或動畫時停用抓屏，以更準確地了解頁面的性能。
- 如果您的 Android 設備屏幕鎖定，您的抓屏內容將消失。 將您的 Android 設備屏幕解鎖可自動恢復抓屏。
遠程調試 Android 設備使用入門