1.簡介
weinre是一款非常好用的遠程調試工具。功能與網頁瀏覽器的開發者工具基本類似,但這個工具更適合用於移動端web的調試。
2.安裝
weinre基於nodejs,因此首先要安裝nodejs,然后使用npm進行安裝:
npm -g install weinre
3.運行
weinre --httpPort 8081 --boundHost -all-
主要參數解析:
httpPort | 調試服務器運行的端口,默認8080 |
boundHost | 調試服務器綁定的IP地址或域名,默認localhost |
4.修改目標文件
- 使用webkit的瀏覽器(NOTE:由於weinre的設計更多的是基於webkit的瀏覽器,因此建議使用chrome/safari)訪問weinre服務器:http://localhost:8081
- 打開debug面板:http://localhost:8081/client/#anonymous
- 獲取本機的IP地址,例如:192.168.1.101,添加如下js文件到需要調試的目標文件的頭部:
<script src="http://192.168.1.101:8081/target/target-script-min.js#anonymous"></script>
5.在移動設備上訪問本機IP地址
並且在debug面板中可以監聽到移動設備對目標頁面的訪問:
6.Ending
之后的操作,就跟PC端瀏覽器debug一樣簡單了... :)