Weinre是一个移动页面远程调试工具，你可以通过电脑的chrome或者firefox去调试你手机访问的页面，在电脑调试器中的任何操作都能反应到手机上，就和在用电脑访问页面进行调试一样。Weinre现如今已经已经移植到到了node平台，安装部署十分的方便，在也不用安装其他复杂环境了。

Weinre的架构介绍

Weinre实现远程调试通过下面三个部分实现：

目标 – 被调试的页面。

客户端 – 页面调试器，对目标进行dom结构修改、样式修改、js的操作

代理 – 是一个http服务器保证这目标和客户端的通信

下图描述了这三者之间的通信

Weinre的部署运行

这里只介绍node平台下的安装使用：

A：使用npm安装Weinre(这里进行的是全局安装,我是安装过的所以下图显示的和你不一样)

npm –g install weinre

B：运行weinre服务 weinre --httpPort 8081 --boundHost  172.30.108.139  默认端口就是8081可以不需要设置，boundHost是调试服务器绑定的ip地址也可也绑定域名，这里设置自己的ip地址即可

Weinre的使用

A：目标（被调试的页面）设置 ，在目标页面里面加入下面代码：

http://172.30.108.139:8081/target/target-script-min.js#debugpagetag ip地址为你的调试服务器地址 #后面为要调试页面的标识，不同的页面可以设置不同的标识

B:调试器的访问 访问如下链接http://172.30.108.139:8081/你可以看到debugclient的地址：

http://172.30.108.139:8081/client/#anonymous

修改#后面的标志为目标页面js后面的设置的标志,就可以对该页面进行远程调试了。如：http://172.30.108.139:8081/client/#debugpagetag  ,可以通过这个地址看到连接的目标，绿色部分即为连接的设备目标，你可以选择相应的目标进行调试

C: 使用调试器对目标操作

调试器：进行alert(111)

目标机器效果：

使用weinre进行移动端页面的远程调试