通过PC远程调试移动端——weinre的使用

weinre是一款非常好用的远程调试工具,功能与网页浏览器的开发者工具基本类似,可以很方便地用于移动端web的调试。

1. NPM全局安装weinre

npm install weinre -g 

2. 通过命令行窗口运行,直接复制该行即可

weinre --httpPort 8081 --boundHost -all-
  • httpPort :调试服务器运行的端口,默认8080
    -boundHost :调试服务器绑定的IP地址或域名,默认localhost

3. 绑定目标项目
获取本机的IP地址,例如:192.168.1.101,添加如下js文件到需要调试的目标文件的头部:

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

4. 访问项目
通过同一局域网内部访问本机的IP,如果无法访问,可以先用PC保证能ping通移动设备。
如:http://192.168.1.101/

4.访问weinre服务器:

http://localhost:8081

在PC端浏览器访问该地址,推荐谷歌浏览器,可以看到如下界面,其中:
客户端界面: http://localhost:8081/client/#anonymous
官方文档: http://localhost:8081/doc/
在这里插入图片描述
点击客户端链接,其他方式与浏览器调试方式无异。
在这里插入图片描述

关于微信浏览器清除缓存

微信访问如下地址,选择Cookie,文件缓存,DNS缓存等,最后点击清除即可。

debugx5.qq.com

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值