移动端（微信等使用vConsole调试console的方法

网络编程 2021-07-04 15:50www.168986.cn编程入门

这篇文章主要介绍了移动端（微信等使用vConsole调试console的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧

前言

因为最近一直在弄移动端项目，由于在移动端无法打开控制台，所以想办法打印调试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() // 初始化

或者找到这个模块狼蚁网站SEO优化的 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 的原型，而非一个已实例化的对象。所以在手动 new 实例化之前，vConsole 不会被插入到网页中。

官方文档

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持狼蚁SEO。

上一篇：详解在微信小程序的JS脚本中使用Promise来优化函下一篇：利用Vconsole和Fillder进行移动端抓包调试方法

移动端（微信等使用vConsole调试console的方法

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

移动端（微信等使用vConsole调试console的方法

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设