除錯前要先到Chrome商店下載『ADB』,某些Chrome版本不支援『ADB』,不支援的狀況下可能要去安裝其他的Chrome版本
首先,下載ADB
安裝後,會在Chrome的右上角看到一個Android寶寶的圖示
點擊Android寶寶的圖示會出現選單,選擇Start ADB
就可以開始使用View Inspection Targets除錯了
開啟除錯畫面大概就是這樣,手機必須用USB線與電腦做連結,並且開啟Debugging功能
連接後,手機端必須開啟Chrome,沒有開啟的話不會有網址列給你輸入網址和不具備除錯功能
這個範例是我開啟SD Card內的index.html,點擊inspect開啟開發人員工具視窗,平常用Chrome開發人員工具的開發者一定對這介面不陌生
可以透過開發人員工具去對Android手機瀏覽網頁,並且去除錯
有在針對行動裝置的開發者可以使用ADB去縮減開發的速度
參考資料:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging?hl=zh-TW