移动端(微信等使用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 相关文章推荐
一个简单的js动画效果代码
Jul 20 Javascript
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
jquery 插件学习(三)
Aug 06 Javascript
javascript小数四舍五入多种方法实现
Dec 23 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
angularjs ui-router中路由的二级嵌套
Mar 10 Javascript
bootstrap 设置checkbox部分选中效果
Apr 20 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
Node配合WebSocket做多文件下载以及进度回传
Nov 07 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 数组的创建、调用和更新实现代码
2009/03/09 PHP
php和html的区别点详细总结
2019/09/24 PHP
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
2008/03/22 Javascript
javascript xml为数据源的下拉框控件
2009/07/07 Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
2012/12/21 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
2013/09/16 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
IE8中动态创建script标签onload无效的解决方法
2014/12/22 Javascript
jquery中checkbox全选失效的解决方法
2014/12/26 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
Bootstrap每天必学之响应式导航、轮播图
2016/04/25 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
JavaScript实现的简单加密解密操作示例
2018/06/01 Javascript
浅谈Python的文件类型
2016/05/30 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
Keras模型转成tensorflow的.pb操作
2020/07/06 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
Python和Bash结合在一起的方法
2020/11/13 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
测试工程师岗位职责
2013/11/28 职场文书
电大毕业个人生自我鉴定
2014/03/26 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
解除施工合同协议书
2014/10/17 职场文书
离婚协议书范本(通用篇)
2014/11/30 职场文书
志愿者事迹材料
2014/12/26 职场文书
2015年世界无烟日活动总结
2015/02/10 职场文书
学习保证书怎么写
2015/02/26 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
导游词之江南周庄
2019/12/06 职场文书
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技