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


Posted in Javascript onMarch 05, 2019

前言

因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试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调试console的方法 

点击后

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

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

注意

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

官方文档: 请戳我

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript控制swfObject应用介绍
Nov 29 Javascript
jQuery的显示和隐藏方法与css隐藏的样式对比
Oct 18 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
简单谈谈javascript中的变量、作用域和内存问题
Aug 30 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
JavaScript实现图片懒加载的方法分析
Jul 05 Javascript
jquery实现搜索框功能实例详解
Jul 23 jQuery
详解mpvue开发微信小程序基础知识
Sep 23 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
利用Vconsole和Fillder进行移动端抓包调试方法
Mar 05 #Javascript
深入理解Puppeteer的入门教程和实践
Mar 05 #Javascript
[jQuery] 事件和动画详解
Mar 05 #jQuery
Vue 事件处理操作实例详解
Mar 05 #Javascript
Vue插槽原理与用法详解
Mar 05 #Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
Mar 05 #Javascript
JavaScript函数定义方法实例详解
Mar 05 #Javascript
You might like
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
重料打造自己的“宝马”---第三代
2021/03/02 无线电
JS 网站性能优化笔记
2011/05/24 PHP
php 缩略图实现函数代码
2011/06/23 PHP
微信API接口大全
2015/04/15 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
从阿里妈妈发现的几个不错的表单验证函数
2007/09/21 Javascript
flash javascript之间的通讯方法小结
2008/12/20 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
中文路径导致unitpngfix.js不正常的解决方法
2013/06/26 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
2014/06/07 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
jQuery插件jRumble实现网页元素抖动
2015/06/05 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
2017/03/23 jQuery
深入浅析Vue.js计算属性和侦听器
2018/05/05 Javascript
详解用JS添加和删除class类名
2019/03/25 Javascript
原生js实现的观察者和订阅者模式简单示例
2020/04/18 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
python 参数列表中的self 显式不等于冗余
2008/12/01 Python
Python生成随机数的方法
2014/01/14 Python
一个基于flask的web应用诞生 使用模板引擎和表单插件(2)
2017/04/11 Python
python SSH模块登录,远程机执行shell命令实例解析
2018/01/12 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
基于Python绘制美观动态圆环图、饼图
2020/06/03 Python
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
机关干部三严三实心得体会
2014/10/13 职场文书
贪污检举信范文
2015/03/02 职场文书
八年级历史教学反思
2016/02/19 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
微信小程序基础教程之echart的使用
2021/06/01 Javascript
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js