Android 瀏覽器內 H5 電腦 Chrome 調試

Android 瀏覽器內 H5 調試

chrome://inspect 移動前端調試方案（Android + Chrome 實現遠程調試）

adb 相關資源

adb shell（ADB Kits）下載地址： http://adbshell.com/downloads

打開 開發者模式

1. 設置
2. 關於手機
3. 版本號，點擊 5 次
4. 返回 設置列表，列表中多了 其他設置 選項
5. 進入 其他設置
6. 開發者選項
7. 調試 -> USB調試 開啟即可

進入 調試模式

1. 安裝 debug 版本的 瀏覽器 到測試手機上
2. 測試收集開啟 開發者模式
3. 安裝 adb, 下載后，打開運行即可
4. 通過數據線連接手機和調試的電腦
5. 電腦上命令行進入 adb 目錄，運行 adb devices 確保手機已正常連接（正常會顯示 devices 列表）
6. 電腦運行 adb shell
7. 電腦打開 chrome 瀏覽器 chrome://inspect
8. 在手機的瀏覽器輸入任意訪問的網址，此時在 chrome 的 DevTools -> Devices -> Remote Target 面板會出現手機訪問的網址
9. 點擊面板中網址下方的 inspect 選項，即可打開一個新 dev 調試面板，重新刷手機上的訪問地址，電腦上的調試面板會同步刷新，並顯示相關的 chrome dev 面板的所有資源，網絡，JS 調用日志 Console.log('test log') 到調試面板