使用weinre调试移动端页面

作者：HcySunYang

weinre 的使用很简单，weinre 的使用很简单，weinre 的使用很简单，三遍够了。

npm install -g weinre

weinre --httpPort 8080 --boundHost -all-
指定端口号，当服务启动成功之后，根据提示，在浏览器中打开相应地址：
提示

我的ip是 192.168.45.166，你应该输入你的ip地址：

这里有三个链接需要注意的地方
第一个链接(即http://192.168.45.166:8080/client/#anonymous)此链接将启动weinre客户端页面，也就是调试器本身。点击此链接将带您进入远程控制面板
第二个连接(即http://192.168.45.166:8080/doc/)：
当然就是文档的连接啦
第三个连接(即http://192.168.45.166:8080/target/target-script-min.js#anonymous)
这个连接，是一个js脚本，是你要在需要调试的页面引入的一段js脚本：
// ip地址要换成你的ip哦
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://192.168.45.166:8080/target/target-script-min.js#anonymous"></script>

服务启动了，也在你的页面中引入上述脚本了，那么接下来就可以点击上述第一个链接跳转到调试器页面了：