移动端(微信等使用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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
node.js中的socket.io入门实例
Apr 26 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
jquery处理json对象
Nov 03 Javascript
理解AngularJs指令
Dec 10 Javascript
AngularJS基础 ng-cloak 指令简单示例
Aug 01 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
Feb 14 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
Apr 13 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 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和ACCESS写聊天室(二)
2006/10/09 PHP
php获取apk包信息的方法
2014/08/15 PHP
php判断文件夹是否存在不存在则创建
2015/04/09 PHP
Yii针对添加行的增删改查操作示例
2016/10/18 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
推荐一款jQuery插件模板
2015/01/09 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
JS版微信6.0分享接口用法分析
2016/10/13 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
[05:31]DOTA2英雄梦之声_第08期_莉娜
2014/06/23 DOTA
[01:06]DOTA2亚洲邀请赛专属珍藏-荧煌之礼
2017/03/24 DOTA
python导入时小括号大作用
2017/01/10 Python
CentOS下使用yum安装python-pip失败的完美解决方法
2017/08/16 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
python画微信表情符的实例代码
2019/10/09 Python
python中实现词云图的示例
2020/12/19 Python
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
Michael Kors加拿大官网:购买设计师手袋、手表、鞋子、服装等
2019/03/16 全球购物
WebSphere 应用服务器都支持哪些认证
2013/12/26 面试题
新锐科技Java程序员面试题
2016/07/25 面试题
英语文学专业学生的自我评价
2013/10/31 职场文书
会计电算化专业毕业生自荐信
2013/12/20 职场文书
经典促销广告词大全
2014/03/19 职场文书
服务之星事迹材料
2014/05/03 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
区域销售大会开幕词
2016/03/04 职场文书
导游词之千岛湖
2019/09/23 职场文书
HTML+CSS+JS实现图片的瀑布流布局的示例代码
2021/04/22 HTML / CSS
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js