2013/10/16

使用ADB對Android Chrome Debugging

手機上的Chrome沒有像電腦的Chrome版本有開發人員工具可以使用,我找到了『Remote Debugging on Android』作為本篇文章的主要參考來源
除錯前要先到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