Weinre(WebInspector Remote)是一款基於Web Inspector(Webkit)的遠程調試工具,藉助於網絡,能夠在PC上直接調試運行在移動設備上的遠程頁面,中文意思是遠程Web檢查器,有了Weinre,在PC上能夠即時修改目標網頁的HTML/CSS/Javascript,調試過程可實時顯示移動設備上頁面的預覽效果,並同步顯示設備頁面的錯誤和警告信息,能夠查看網絡資源的信息,不過weinre不支持斷點調試。
npm
安裝使用分三步:服務器
一、Node.js環境下安裝weinre網絡
>npm -g install weinre工具
其餘環境下的安裝請自行百度spa
二、運行debug
>weinre --boundHost -all- -httpPort 8888
調試
httpPort是指綁定的端口ip
訪問weinre服務器:http://localhost:8888/資源
打開debug面板:http://localhost:8888/client/#anonymousget
三、項目頁面中的使用
在要debug的頁面中加入腳本
<script src="http://172.16.0.27:8888/target/target-script-min.js#anonymous"></script>
把裏面的ip改成本機的ip,8888爲運行時綁定的端口