最近遇到 PC 和 IOS 系統手機開啟網頁都好好的,
就只有 Android 手機會出錯,
光是在 PC 用 DevTool 查看怎麼都看不出個所以然來,
這時就趕要感謝 Chrome 有 Remote Debug 啦!
但也只有他會出錯真不知道到底是好還是壞 Orz
所以還是筆記一下設定…
- PC 和 Android 端都必須下載 Chrome
- Android 需使用 USB 連到 PC
- Android 的 Chrome 設定 [ USB 網頁偵錯功能 ]
[ 設定 ]→[ 進階 ]→[ 開發人員工具 ]→開啟 [ USB 網頁偵錯功能 ]
- PC Chrome 網址列輸入
chrome://flags
,將 [ 啟用開發人員工具實驗性功能 ] 啟用
- PC Chrome 網址列輸入
chrome://inspect
,將 [ Discover USB devices ] 打勾,點後面的 [Port forwarding
],將 [ Enable port forwarding ] 勾選,再按 [Done
],就會出現你的手機型號。
- 在 PC 和手機端 Chrome 開啟要除錯的網頁,這時手機型號下方會出現開啟的網頁,點網頁下方的 [
inspect
],就會開啟開發人員視窗提供偵錯。
內容來源:https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews