移动端（微信等）使用 vConsole调试console

最新推荐文章于 2024-05-15 10:54:59 发布

朱桂彪

最新推荐文章于 2024-05-15 10:54:59 发布

阅读量7w

点赞数 6

分类专栏： javascript htm5 文章标签：微信移动端如何使用 console vConsole

本文链接：https://blog.csdn.net/m0_37036014/article/details/80113635

版权

javascript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

htm5

3 篇文章 0 订阅

订阅专栏

移动端（微信等）使用 vConsole调试console

前言

因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole 进行调试

使用

废话不多说，说说怎么使用的吧。
首先去下载相关的代码，由于只需要在页面引入一个js文件，直接去下载就可以，地址：请戳我

或者使用 npm 安装：

npm install vconsole

使用webpack，然后js代码中

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

或者找到这个模块下面的 dist/vconsole.min.js ，然后复制到自己的项目中

<head>
    <script src="dist/vconsole.min.js"></script>
</head>
<!--建议在 `<head>` 中引入哦~ -->
<script>
  // 初始化
  var vConsole = new VConsole();
  console.log('VConsole is cool');
</script>

结果

vConsole
点击后
打开vConsole

证明安装成功，打开查看你的打印吧。

注意

请注意，VConsole 只是 vConsole 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。

官方文档：请戳我

朱桂彪

关注

6
点赞
踩
32

收藏

觉得还不错? 一键收藏
12
评论
移动端（微信等）使用 vConsole调试console

移动端（微信等）使用 vConsole调试console前言因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试，但是只能使用移动版的chrome查看数据，兼容不好，所以最近使用了vConsole 进行调试使用废话不多说，说说怎么使用的吧。首先去下载相关的代码，由于只需要在页面引...
复制链接

扫一扫