1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 移动端调试工具weinre的安装 使用与问题

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

时间:2022-08-16 18:29:17

相关推荐

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

1.准备

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

2.安装

npminstall-gweinre

3.运行

weinre--httpPort8080--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调试页面也无效后,尝试修改端口号,就可以正常访问了,也不清楚是为什么,之前用的好好的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。