Web移動端調試工具Weinre(2015-12-02 20:53:59)

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爲運行時綁定的端口

相關文章
相關標籤/搜索