使用weinre进行移动端页面的远程调试
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)
目标机器效果：
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
