一：遠程調式工具---weinre
閱讀目錄
一：遠程調式工具---weinre
Weinre是什么？
Weinre是Web Inspector Remote的縮寫(遠程web檢查器)，它的作用就是相當於chrome的審查元素一樣，界面和用法也基本一樣，無非不同的是：weinre適合在移動端頁面調式，比如手機訪問頁面的時候，我們可以使用chrome瀏覽器查看頁面的html元素和css代碼，我們可以對此進行更改，然后在手機端不需要刷新，立即可以看到效果；在移動端調式html和css比較方便。目前weiner也發布到npm上，我們可以使用npm進行安裝；npm如下： https://www.npmjs.com/package/weinre
二： 安裝weinre
npm install -g weinre
安裝完之后，需要在本地開啟一個監聽服務器，比如我現在的IP地址是:172.16.28.162
現在需要執行如下命令：
weinre –boundHost 172.16.28.162
可以開啟本地監聽服務器如下：
如上面網址 http://172.16.28.162:8080 weinre默認使用8080端口，我們也可以使用如下命令進行更改端口號；如下命令：
三： 訪問weinre及在頁面上調用
打開瀏覽器，訪問如下地址： 172.16.28.162:8081 如下：
如上截圖頁面；我們需要在調式的頁面中加入遠程調式所需要的JS代碼即可，比如上圖截圖的最后一句JS代碼：
<script src="http://172.16.28.162:8081/target/target-script-min.js#anonymous"></script>
引入到需要遠程調式頁面即可；
我們現在先訪問頁面 http://172.16.28.162:8081;如下所示：
現在我們繼續使用我手機來訪問我本機上的網頁后，在查看剛點擊進去后的頁面顯示如下：
如下：
但weinre可以方便我們調式HTML元素及css代碼，至於JS，我們可以使用Fiddler替換即可滿足前端在移動端基本調式了；
四：多用戶
Weinre的默認使用中，都是用anonymous作為id的；
比如上面的代碼引用：
<script src="http://172.16.28.162:8081/target/target-script-min.js#anonymous"></script>
但是如果多個用戶同時調式各自的頁面會有問題，weinre使用多用戶機制解決該問題。Weinre默認支持多用戶的，這樣一個局域網同事只需要一台電腦上安裝weinre即可，不需要每個人都安裝，多個用戶同時使用時，每個用戶使用自己的id來區分，每個用戶調式信息可以獨立，不會相互影響；
操作如下：
然后繼續刷新設備中的頁面，然后在電腦端就可以看到如下信息：
就可以進行多用戶調式了；