移动端(微信等使用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 相关文章推荐
IE无法设置短域名下Cookie
Sep 23 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 Javascript
原生js开发的日历插件
Feb 04 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
微信小程序进入广告实现代码实例
Sep 19 Javascript
微信小程序基于movable-view实现滑动删除效果
Jan 08 Javascript
基于JS实现table导出Excel并保留样式
May 19 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
php中数据的批量导入(csv文件)
2006/10/09 PHP
相对路径转化成绝对路径
2007/04/10 PHP
PHP 开源AJAX框架14种
2009/08/24 PHP
Array of country list in PHP with Zend Framework
2011/10/17 PHP
php提示undefined index的几种解决方法
2012/05/21 PHP
PHP中鲜为人知的10个函数
2014/02/28 PHP
用JavaScript脚本实现Web页面信息交互
2006/10/11 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
jQuery EasyUI API 中文文档 - NumberBox数字框
2011/10/13 Javascript
为指定的元素添加遮罩层的示例代码
2014/01/15 Javascript
jquery单击事件和双击事件冲突解决方案
2016/03/02 Javascript
ionic环境配置及问题详解
2017/06/27 Javascript
js单页hash路由原理与应用实战详解
2017/08/14 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
[02:13] 完美世界DOTA2联赛PWL DAY5集锦
2020/11/03 DOTA
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
栈和队列数据结构的基本概念及其相关的Python实现
2015/08/24 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
深入浅析Python传值与传址
2018/07/10 Python
python删除字符串中指定字符的方法
2018/08/13 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
python实现双色球随机选号
2020/01/01 Python
Python使用re模块验证危险字符
2020/05/21 Python
美国折衷生活方式品牌:Robert Graham
2018/07/13 全球购物
经济学人订阅:The Economist
2018/07/19 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
师范生自荐信模板
2014/05/28 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
Python之matplotlib绘制折线图
2022/04/13 Python
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL