1. 程式人生 > >用Chrome除錯Android手機上的網頁

用Chrome除錯Android手機上的網頁

Chrome的開發者工具雖然很好用,但面對越來越多的手機型號,也顯得有些力不從心,經常出現的情況之一是,在Chrome裡除錯得好好的頁面,在手機上就變得不是那麼一回事了。為此我們需要使用Chrome的遠端除錯功能。

2.安裝後開啟SDK Manager.exe,然後勾選Extras下的Google USB Driver,點選安裝。

4.右擊計算機 - 管理,在開啟的計算機管理中左側找到裝置管理器。在主視窗中展開其他裝置,右擊ADB Interface - 更新裝置驅動程式,開啟驅動程式安裝嚮導。選擇瀏覽計算機以查詢驅動程式。

5.定位到剛才安裝的Android SDK目錄下的extras\google\usb_driver\目錄下(即第二步下載的USB驅動),確定後點擊下一步,然後等待USB驅動安裝完成。

說明:這一步有可能出現“無法找到裝置的驅動程式檔案”之類的錯誤提示。如果出現此錯誤,在裝置管理器中解除安裝ADB
Interface,然後掃描硬體改動,重新安裝即可。

6.確保Chrome的裝置發現開啟:開啟Chrome並跳轉到chrome://inspect/#devices ,勾選“發現USB裝置”前的複選框。

7.開啟Android手機的開發者選項(開啟設定-關於手機,點選版本號十次),啟用USB除錯。然後開啟手機上的chrome,跳轉到要除錯的頁面。

8.現在,Chrome的chrome://inspect/#devices 頁面上的裝置列表裡應該有了當前連線的USB裝置,勾選相應的頁面,點選除錯即可。

如果除錯頁面長時間空白,是因為DevTools無法從伺服器載入相關的除錯資源,需要翻牆才能下載。
每種機型第一次除錯需要連線伺服器下載資源,第二次開始則無需翻牆。