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