使用 桌面的 chrome 遠程調試 Android 的頁面

手機瀏覽器是沒有開發者工具的，因此調試手機網頁是很是麻煩。使用 chrome 的遠程調試功能能夠像調試桌面端那樣調試手機頁面。

準備

1. 手機端：chrome for Android, 安裝谷歌瀏覽器
2. 桌面端：谷歌瀏覽器，版本建議大於手機端的，最好使用 chrome canary
3. USB 鏈接線, 也就是你充電器的那條線

開啓調試模式

使用 USB 鏈接你的電腦，並開啓調試模式。 使用 android 4.2 或以上的手機可能沒有調試模式選項，能夠找到 「設置 > 關於手機 > 版本號(Build Number)」, 點 7 次，而後返回開發者選項就能夠了。注：我沒有 Android 4.2 或以上的手機，以上方法沒有測試過，我只是根據官方文檔寫出來而已。

查找 USB 設備 （Enable USB discovery in Chrome）

在你的桌面版的 chrome ，打開 菜單 > 工具 > 檢查設備。 勾選Discover USB devices。稍等片刻，你的手機會提示你是否容許調試，接受調試便可。接受調試後，可能須要等一下 chrome 才能檢測到你的手機。若是沒有檢測到，能夠試一下重啓瀏覽器。

調試

檢測到你的手機後，點擊 inspect，彈出開發者工具，這樣你就能夠像調試桌面頁面那樣調試手機頁面。
chrome 遠程調試

參考連接

https://developer.chrome.com/devtools/docs/remote-debugging

轉載：http://blog.allenice233.com/2014/07/28/chrome-remote-debug/