移动端调试工具weinre

前段时间在大豹公众号上看到一个关于移动端调试的工具，了解了一下，确实不错。

npm install -g weinre

先全局安装，然后使用的时候通过如下命令启动

weinre --boundHost 10.2.54.11 --httpPort 8081

10.2.54.11 是我的本机IP，端口可以自主设置，当然也可以不写，默认8080。

此时电脑端可以直接通过 http://10.2.54.11:8081访问到weinre的主页面，这个针对移动设备调试比较方便，当然对电脑端访问的页面也可以访问，不过本身浏览器调试工具已经非常强大了。
也可以单击主页面上http://10.2.54.11:8081/client/#anonymous这个链接直接切换到调试界面。Targets显示none。

手机端直接通过浏览器访问 staticWebDir内的文件，注意文件底部必须内嵌一个js文件

<script src="http://10.2.54.11:8081/target/target-script-min.js#anonymous"></script>

此时，电脑端/client/#anonymous页面的Target会出现一个手机端访问的页面链接，此时点击Elements 面板或其他的resource或console等面板就可以同电脑端调试一样进行操作了。

 

描述的可能不是特别清楚，也可以参考http://web.jobbole.com/82967/ 这篇界面，图文并茂，非常详细。

转载于:https://www.cnblogs.com/happyhaibei/p/7285089.html