移动端调试工具weinre的安装、使用与问题

 

1.准备

安装需要node.js的支持，确保你的windows安装了node，如何安装在此不在赘述。（不要忘了配置环境变量

2.安装

npm install -g weinre

3.运行

weinre --httpPort 8080 --boundHost -all-  

4.调试

在需要调试的页面添加下面的代码段

<script src="http://ip：port/target/target-script-min.js#anonymous"></script>

ip填写自己电脑的内网ip(cmd->ipconfig),端口填写第3步中的httpport   默认8080

在电脑上搭建一个web服务器，phpStudy 、wamp等等集成环境都可以，当然你也可以自己动手安装 apache、nginx等等，使你可以通过ip或者域名访问到需要调试的网页

打开防火墙放行你绑定的端口

然后你就可以通过手机访问你的电脑上需要调试的页面了，推荐以ip的方式访问，也就是

如：

192.168.0.103:82/index.html （ip为电脑内网ip）

进行访问，我之前配置域名没有访问成功，不知道什么问题

然后在电脑浏览器

输入 localhost:8080(第三步配置的端口号）

 

 点击第一条超链接

debug client user interface:http://localhost:8081/client/#anonymous

 

 在未在移动端访问需要调试的页面时，targets为none，在多条targets时双击你想要调试的链接，然后就可以正常使用导航条上的调试工具了

5.问题

百度到的教程都是复制粘贴的同一篇文章，很多细节没有讲

①在需要调试的页面中加入的script代码，ip需要填写自己的内网ip，这样移动端在通过局域网访问电脑上的页面时，targets才有记录，才可以调试，否则会出现 targets会出现none的问题

②关于 targets none的问题，在后续的使用中，出现了 script代码 ip地址填写localhost或127.0.0.1targets才有记录，填写内网ip，不论移动端还是pc访问都没有记录的现象，并出现的下图的情况

在尝试了重新启动服务和刷新weinre调试页面也无效后，尝试修改端口号，就可以正常访问了，也不清楚是为什么，之前用的好好的。