使用weinre遠端除錯移動裝置上的網頁
阿新 • • 發佈:2018-11-05
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 列表(除錯目標列表)