1. 程式人生 > >移動除錯工具weinre安裝和使用

移動除錯工具weinre安裝和使用

weinre主頁

http://people.apache.org/~pmuellr/weinre/docs/latest/Home.html

weinre除錯伺服器基於node.js實現,因此先安裝node 執行環境。

1下載並安裝node管理工具

http://nodejs.org/download/

2。windows上使用 Node.js Command prompt安裝

npm install weinre


weinre安裝成功

3執行weinre

開啟命令列輸入

node.exe node_modules\weinre\weinre --boundHost -all-
這個時候在瀏覽器輸入
http://localhost:8080/
就可以看到如圖效果

說明服務正常,


在命令列中輸入

node.exe node_modules\weinre\weinre --boundHost 192.168.137.1

可以指定當前機器的IP,然後可以供移動裝置訪問,


這個時候就可以在移動裝置上測試下是否能訪問weinre 的伺服器,如果不能訪問,要看下防火牆的配置。

在命令列輸入

node.exe node_modules\weinre\weinre --help
可以返回相關的使用命令



比如--httpPort 修改執行weinre 服務的埠

輸入以下命令可以修改埠號為8089

node.exe node_modules\weinre\weinre 
--httpPort 8089


開啟

http://localhost:8089/

則可以看到如下頁面


點選

進入到userinterface(使用者介面)


可以在要除錯的頁面中加入此行程式碼。

<script src="http://182.168.137.1:8089/target/target-script-min.js#anonymous"></script>

然後訪問欲除錯頁面,再開啟

http://192.168.137.1:8089/client/#anonymous

就可以實時進行除錯了。

如果懶得自己搭建環境,也可以使用phonegap的服務

開啟網站http://debug.phonegap.com/

Step 1: select your guid (or just use the one we've randomly assigned) Step 2: inject this script into your index.html
<script src="http://debug.phonegap.com/target/target-script-min.js#anonymous"></script>
Step 3: click this link to start debugging
node.exe node_modules\weinre\weinre --boundHost 192.168.1.1