mobile調試方法

weinre

介紹

weinre 有 Java 版本和 javascript 版本。weinre 被 PhoneGap 收購，PhoneGap 又被 Adobe 收購，Adobe 收購 PhoneGap 後，把 PhoneGap 捐給了Apache，Apache 把 PhoneGap 放在 Cordova 的項目中。Weinre 也從最初的 Java 移植到了當前的 JavaScript。還要注意 weinre 不支持斷點。

原理

代理，調試客戶端以及目標移動端之間的通訊使用 AJAX，因爲 weinre 的 debug 客戶端是基於web inspector 開發，而 web inspector 只兼容 webkit 內核的瀏覽器，因此只能在chrome/safari瀏覽器打開 weinre 客戶端來調試。

安裝

首先安裝node

$ brew install node

$ npm install -g weinre # 全局安裝weinre

啓動

$ weinre -httpPort 8081 -boundHost -all- # 端口8081，主機爲全部

更多配置項

使用

訪問 localhost:8081

script文件引入

把 Target Script 引入到預測試的頁面中，注意在引入時須要使用主機 IP

選擇對應的 access points 進入，並選擇對應的 target 查看

審查元素

android chrome瀏覽器調試

參考文檔