(资料图片仅供参考)
目录中的 vconsole.min.js 文件复制到您的应用文件夹中,并替换拼图或html中的引用地址。
或者使用vConsole项目的国内CDN加速路线:
<script src="/ajax/libs/vConsole/3.9.1/vconsole.min.js"></script><script> // VConsole will be exported to `window.VConsole` by default. var vConsole = new window.VConsole();</script>
此加速服务由猫云提供,项目地址:/vConsole/
4. 使用weinre将移动端设备日志映射到电脑中vConsole非常方便,但是它的日志只能在移动端查看。如果你想要提升效率,可以使用weinre服务在电脑浏览器里直接查看移动端的页面日志。此项服务需要使用npm安装,如果你不了解,请先学习相关知识。
使用如下代码安装并启用weinre,其中,请替换 192.168.X.X 为您的电脑本地IP地址:
sudo npm -g install weinreweinre --boundHost 192.168.X.X安装完成后,将如下代码嵌入到您的应用html中,与第三个方法类似:
<script src="http://192.168.X.X:8080/target/target-script-min.js"></script>
此时,如果您使用手机或者其他移动设备,通过本地IP地址访问此应用页面,将可以在weinre提供的调试客户端页面查看移动端设备访问时产生的日志:
……
如果您没有macOS的电脑,方法3与方法4是一个简单的选择。或者当您并不想使用数据线连接手机,或在办公室请同事们一起测试时,可以这样建立远程调试,都可以轻松地查看页面日志。
关键词: