移动端使用vconsole调试console

时间 2019-12-04

原文原文链接

Date: 2018-08-24 15:15 tags:工具webpack

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

####使用首先去下载相关的代码，因为只须要在页面引入一个js文件，直接去下载就能够，地址：www.npmjs.com/package/vco…github

或者使用 npm 安装：web

npm install vconsole
复制代码

使用webpack，而后js代码中chrome

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

或者找到这个模块下面的 dist/vconsole.min.js ，而后复制到本身的项目中npm

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

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

官方文档：github.com/Tencent/vCo…工具