1、weinre是什么
weinre本意是web insperctor remote，是一种远程调试工具，可以在PC上调试运行在移动设备上的远程页面，可以在PC上及时修改HTML/CSS/javascript。而移动设备上的预览效果实时显示。可修改HTML/CSS/javascript、查看网络资源，但不支持断点调试
2、weinre安装
weinre支持windows与Mac OSX，本文以Mac为例进行安装.
1）安装node.js
2）安装weinre：npm install -g weinre
3）开启weinre：weinre -httpPort 8910 -boundHost -all-
注意：a、绑定端口一定不能与本地环境已监听的端口冲突。本地我已监听了8080端口，所以我绑定的是8910端口。b、如果本地使用localhost打开，则boundHost必须设置为all,否则不能进行真正意义上的远程调试。
3、weinre调试
3.1PC端配置weinre
3.1.1在终端输入weinre –httpPort 8910 –boundHost 你的IP地址（我绑定的是8910端口）开启weinre，如下图：
此输入状态在调试时不要退出。
3.1.2打开winre地址
地址栏输入地址：`http://我的IP地址:我绑定的端口`，如下图：
拷贝脚本：
<script src="http://172.22.77.49:8910/target/target-script-min.js#anonymous"></script>
这个网页内的内容等下流程结束之后会解释。
3.2、手机端页面配置
3.2.1、调试页面追加刚才拷贝的脚本
调试页面我使用MAMP启服务，调试页面地址是：`http://我的IP地址:8081/demo1.php`。
加入脚本之后调试页面代码如下：
<html>
<head>
<title>{%$title%}</title>
<script src="/static/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="/static/demo1.css">
</head>
<body>
<script src="/static/jquery-1.9.1.min.js"></script>
<div style="width:400px;height:400px">
<video>
<source src="http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4" />
</video>
</div>
<script src="http://172.22.77.49:8910/target/target-script-min.js#anonymous"></script>
</body>
</html>
3.2.2、手机端访问调试页面
手机端浏览器（我用的是Safari）输入调试页面地址：`http://我的IP地址:8081/demo1.php`访问。
3.3、PC端使用weinre调试页面
3.3.1、激活调试页面
点击Access Points区块下的debug client user interface地址，跳转到调试页面。
点击之后跳转页面：`http://172.22.77.49:8910/client/#anonymous`。然后点击Targets下的相应调试页面地址，激活调试页面。
同时可以在本页面上看到头部有：Remote、Elements、Resources、Network、Timeline、Console6个按钮，类似于chrome的控制台，使用此6个按钮进行远程调试。