vconsole 移动端调试神器

最新推荐文章于 2025-07-16 11:37:28 发布

IF YOU～

最新推荐文章于 2025-07-16 11:37:28 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：移动调试文章标签： vconsole

本文链接：https://blog.youkuaiyun.com/weixin_43278947/article/details/94439091

移动调试专栏收录该内容

1 篇文章

订阅专栏

Eruda是一款专为WebView环境设计的调试工具，它能够提供类似桌面端开发者工具的功能，如日志查看、网络监控、资源检查等，极大地简化了在移动端网页或WebApp中进行调试的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在写webapp或者移动端网页需要嵌入到app时候，尤其是在APP内置的webView上加载我们的页面，想要查看手机浏览器信息是非常困难的事，当出现问题的时候，你又不能查看日志，一般会连接本地测试环境，然后在alert来打印日志（这种做法太蠢了），然后一遍一遍的定位bug，修改代码。使用eruda之后感觉爽爆了，解决了这个问题，这个工具就想电脑端的devtools，可以查看日志，网络，页面，Resources等

使用方法

多页面应用

<script src="path/to/vconsole.min.js"></script>
<script>
  // init vConsole
  var vConsole = new VConsole();
  console.log('Hello world');
</script>

单页应用

我们在项目的入口引用这个文件就可以

npm install vconsole

var vConsole = new VConsole();  //初始化
console.log('Hello world');