移动端(微信等使用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的文件是什么文件
Dec 06 Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
基于jquery编写的放大镜插件
Mar 23 Javascript
用jmSlip编写移动端顶部日历选择控件
Oct 24 Javascript
Scala解析Json字符串的实例详解
Oct 11 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
Dec 09 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
js String.prototype.trim字符去前后空格的扩展
Aug 23 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 Javascript
基于jQuery拖拽事件的封装
Nov 29 jQuery
利用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
PHP5.6.8连接SQL Server 2008 R2数据库常用技巧分析总结
2019/05/06 PHP
firefox插件Firebug的使用教程
2010/01/02 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
如何使用Jquery获取Form表单中被选中的radio值
2013/08/09 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
JQuery控制Radio选中方法分析
2015/05/29 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
node+experss实现爬取电影天堂爬虫
2016/11/20 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
2017/03/10 Javascript
jQuery手风琴的简单制作
2017/05/12 jQuery
Vue自定义toast组件的实例代码
2018/08/15 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
Python2.7简单连接与操作MySQL的方法
2016/04/27 Python
老生常谈python函数参数的区别(必看篇)
2017/05/29 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
python实现ip地址的包含关系判断
2020/02/07 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
python操作微信自动发消息的实现(微信聊天机器人)
2020/07/14 Python
父亲生日宴会答谢词
2014/01/10 职场文书
生产部厂长助理职位说明书
2014/03/03 职场文书
群众路线教育实践活动对照检查材料
2014/09/22 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
解决pytorch-gpu 安装失败的记录
2021/05/24 Python
MySQL中distinct与group by之间的性能进行比较
2021/05/26 MySQL