1. 程式人生 > >使用weinre遠端除錯移動裝置上的網頁

使用weinre遠端除錯移動裝置上的網頁

weinre簡介

weinre 是一款類似於firebug 和Web Inspector的網頁除錯工具, 它的不同之處在於可以用於進行遠端除錯,比如除錯手機上面的網頁。

weinre的安裝


weinre是用node編寫的,可以用npm來進行安裝(前提是您的機器上已經裝了node)

npm install -g weinre

如何執行?

本地除錯 ipcofig 檢視本地的ipv4地址

weinre --httpPort=8081 --boundHost=znchen.waijule
.cn //你自己Debug Server的域名, 也可以使用本地ip地址)
開啟瀏覽器, 輸入 http://znchen.waijule.cn:8081

在需要除錯的網頁中加入Target Script

<script src="http://znchen.waijule.cn:8081/target/target-script-min.js#anonymous" />

開啟debug client 介面

http://znchen.waijule.cn:8081
/client/#anonymous
用手機裝置開啟待除錯的網頁,這時候你可以在 debug client介面上清晰的看到 Targets 列表(除錯目標列表)