11-11-29 在 Android 上 Debug Javascript & WebApp

最近 Mowd 寫的聚寶評手機版在 Android 手機上測試時遇到了一點問題
要 debug Javascript 也不知道如何做
上網找了一下解決方案,分享給大家


根據「Android 官方開發者手冊」提到可以在 Javascript 中利用

console.log(String)
console.info(String)
console.warn(String)
console.error(String)

來進行 debug
然後透過 adb logcat 來察看輸出
如果是 Android 2.1 以前可以輸入以下指令檢視

adb logcat WebCore:V *:S

如果是 Android 2.1 之後可以輸入以下指令檢視

adb logcat browser:V *:S

不過 HTC 的 Android 設備不知道是故意還是 BUG,全部無法透過上面的方法來進行 debug
國外也有不少人反應這個問題,像是 HTC Desire HD、HTC EVO 跟 Mowd 手上這隻 HTC Sensation 都不行
因此如果要在 HTC 手機上面進行 debug,就要使用其他方法了

jsconsole 是一個不錯的 Javascript Debug 工具
透過在網頁中加入一段 script,將所有操作導向 jsconsole 的網頁界面上
有興趣可以試試看

另外一款推薦的是 weinre
weinre 一樣是透過加入 script 的方式取得網頁的資訊
相較之下 weinre 提供更加完整類似 Chrome 開發人員工具的介面
不過安裝設定上就沒有 jsconsole 來的方便了

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *