运用weinre长途调试挪动装备上的网页

weinre简介

weinre 是一款类似于firebug 和Web Inspector的网页调试东西， 它的不同之处在于能够用于举行长途调试，比方调试手机上面的网页。

weinre的装置

weinre是用node编写的，能够用npm来举行装置(条件是您的机械上已装了node)

npm install -g weinre

Mac 和Linux下引荐运用

sudo npm install -g weinre

怎样运转？

运转weinre之前，起首须要相识三个专有名词

Debug Server： 布置weinre的那台服务器
Debug Client： Web Inspector 界面，重要用来展现页面元素和控制台面板。
Debug Target： 你想要调试的网页，通常是位于手机上的网页。

装置完成后在termial中运转以下敕令

weinre --httpPort=8081 --boundHost=znchen.waijule.cn //你本身Debug Server的域名， 也能够运用ip地点)

想相识更多weinre的设置启动项能够经由过程 weinre &＃8211;help 敕令来检察

也能够在HOME目录下建立 .weinre/server.properties 文件

boundHost: znchen.waijule.cn
httpPort: 8081
reuseAddr: true
readTimeout: 1
deathTimeout: 5

如许能够直接运转weinre 敕令，它会自动读取server.properties 内里的设置项。

翻开浏览器， 输入 http://znchen.waijule.cn:8081

在须要调试的网页中到场Target Script

到此，你就能够轻易的检察Elements， Resource, Console, Timeline 等面板了。