本文介绍如何在手机端H5应用中使用vConsole和Eruda进行控制台数据打印及调试，实现类似微信小程序的调试体验。通过引入特定的JS库并在代码中初始化，即可在移动端查看console.log信息。
能在手机端h5的能看到console打印数据的处理方法，在手机上和微信小程序调试一样。
像微信小程序一样的手机调式
如果是html写的代码
就要引入
<script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
然后在
<script>
//初始化一下就可以了，
let vConsole = new VConsole();
//你打印的数据 比如
console.log('test');
//就可像小程序一样的看了和调试了。
</script>
vue中
//如果是在vue中要先安装包
npm install vconsole
//然后引入
import Vconsole from 'vconsole';
//然后在created 或者mounted 生命周期中初始化一下
let vConsole = new VConsole();
//在手机上 就可以像上面一样的效果了
方法二：
在项目的index.html的<head></head>里面写上下面的代码：
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
扫一扫
2058
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
