前段时间在大豹公众号上看到一个关于移动端调试的工具,了解了一下,确实不错。
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/ 这篇界面,图文并茂,非常详细。