vConsole小白常识_一个轻量、可拓展、针对手机网页的前端开发者调试面板。

vConsole小白常识

官方网址:https://www.npmjs.com/package/vconsole

vConsole小白常识_一个轻量、可拓展、针对手机网页的前端开发者调试面板。

GitHub:https://github.com/Tencent/vConsole

简介描述:一个轻量、可拓展、针对手机网页的前端开发者调试面板。

vConsole特性

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies 和 localStorage
  • 手动执行 JS 命令行
  • 自定义插件

vConsole使用方法:

<script src="path/to/vconsole.min.js"></script>
<script>
console.log("test")
</script>

在Vue-JS项目中使用:
1.package.json安装vconsole包(可以放在devDependencies中)

2.main.js中引入:

// 因为vConsole并不需要调用,
// 所以前面加“eslint-disable no-unused-vars”规避掉eslint语法检查

/* eslint-disable no-unused-vars */
import vConsole from 'vconsole'

3.此时可以使用console.log
原理:改写了console.log,重写了实现,用vConsole代理

作者:以手画圆心
链接:https://www.jianshu.com/p/f79d223ca616
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

海计划公众号
(0)
上一篇 2020/03/06 05:57
下一篇 2020/03/06 05:57

您可能感兴趣的内容

  • Mand Mobile使用帮助_面向金融场景的Vue移动端UI组件库

    Mand Mobile使用帮助 官方网址:https://mand-mobile.github.io GitHub:https://github.com/didi/mand-mob…

    2020/03/06
  • javascript偏函数应用与柯里化的区别入门知识_柯里化菜鸟攻略

    很多刚刚了解函数式编程的人会对偏函数应用(partial application)和柯里化(currying)之间的区别感到困惑。实际上,直到现在也很少在 JavaScript 中看到柯里化的实际使用,许多叫curry()的工具函数并不是柯里化函数。它们其实是偏函数!如果你也不清楚区别,本文会为你梳理清楚,不过让我们搞清楚一些词语:定义应用: 将函数应用于参

    2020/04/06
  • 计算机之父,你知道是谁吗?小白知识_计算机小白知识

    看到文章标题,读者大大们想到了谁呢。相信很多人会想到冯.诺伊曼,或者图灵。那究竟是哪位。其实计算机之父,冯.诺伊曼和图灵都可以,他们都为计算机的发展做出了巨大贡献,思想沿用至今。在我们计算机的历史长河中,有许多巨人对计算世界做出了巨大贡献,下面我们根据时间线来介绍这4位计算机之父, 同时也能了解计算机历史。通过巨人的思想这个角度更加深刻理解计算机的原理。巴贝

    2020/03/26
  • JSZip基础入门_用于创建、读取和编辑.zip文件的JavaScript库

    JSZip基础入门 官方网址:http://stuartk.com/jszip GitHub:https://github.com/Stuk/jszip 简介描述:用于创建、读取和…

    2020/03/07
  • 谈 target=‘基础知识教程blank’的安全问题_安全入门知识

    当我们在网站中引入外部链接的时候往往使用的是大家都喜欢target=”_blank”, 因为新页面打开不影响原来的页面。但是这个存在安全问题, 由target=”_blank”打开的页面, 可以通过window.opener访问原来的窗口。例如:window.opener.location = “

    2020/04/03
  • RSSHub使用帮助_一个轻量、易于扩展的 RSS 生成器

    RSSHub使用帮助 官方网址:https://docs.rsshub.app/ GitHub:https://github.com/DIYgod/RSSHub 简介描述:一个轻量…

    2020/03/07
  • vue中如何实现的自定义按钮入门基础知识_组件指南攻略

    在实际开发项目中,有时我们会用到自定义按钮;因为一个项目中,众多的页面,为了统一风格,我们会重复用到很多相同或相似的按钮,这时候,自定义按钮组件就派上了大用场,我们把定义好的按钮组件导出,在全局引用,就可以在其他组件随意使用啦,这样可以大幅度的提高我们的工作效率。好了,话不多说,上代码:img-button.vue//这是我们自定义按钮组件<template

    2020/03/31
  • KPI过时了?为什么科技公司更偏爱OKR?指南教程_职场小白帮助

    除了KPI,考核员工还有什么方式?OKR是一种简单的管理方法,但是对于其误解和各种疑惑却很多。推崇者把OKR说得是无所不能,反对者认为不过是新瓶装旧酒,和KPI差不多。到底OKR和KPI,哪种方式更靠谱?技术leader该怎么选?今天,阿里资深技术专家燕标谈谈,他对OKR的思考。引子每过一段时间,就会出现一波新的管理概念方法和理念。最近OKR逐渐走到聚光灯下

    2020/03/23
  • 免费开源软件的潜在安全风险基础知识_开源使用帮助

    Linux基金会和哈佛大学创新科学实验室的研究人员进行了广泛调查和深入研究,得出了有关企业内常用的免费开源软件(FOSS)的一些重要结论与潜在安全风险。研究人员发现,由于缺少针对FOSS组件的标准化命名方案,企业和其他股东难以快速、准确地识别可疑或易受攻击的组件。其次,他们还发现,需要更加安全地保护开发人员的账号,那些积极为某些广泛部署开源软件做贡献的人员。

    2020/03/20
  • NodeJS如何充分利用多核CPU的资源使用指南_资源小白指南

    介绍单个 Node.js 程序的实例仅在一个线程上运行,因此无法充分利用 CPU 的多核系统。有时你可能需要启动 Node.js 进程集群来利用本地计算机或生产服务器上的每个 CPU 内核。在处理 API 或基于 ExpressJS 的HTTP服务器时,这个问题尤其重要。幸运的是,Node.js 有一个名为 Cluster 的核心模块,它能够帮助我们在 CP

    2020/03/24
  • Javascript数组去重入门基础_数组小白常识

    Javascript数组去重入门基础 正文 数组去重对于前端来说不是一个常见的需求,一般后端都给做了,但这却是一个有意思的问题,而且经常出现在面试中来考察面试者对JS的掌握程度。本…

    2020/03/20
  • angular2如何访问js文件小白帮助_文件入门基础教程

    angular2访问js文件:先将要使用的js文件下载下来,放到angular2项目的src/assets/js目录,然后告诉angular去哪里加载该库并对要使用的对象进行声明,就可以直接访问js文件了。angular2访问js文件的方法如下:1、将ali-oss sdk的js文件下载下来,放到angular2项目的src/assets/js目录(该目录可

    2020/03/20
  • 减少嵌套,降低代码复杂度菜鸟教程网_代码使用攻略

    这是我们’Code Health’系列的另一篇文章。这篇文章的一个版本最初出现在世界各地的谷歌浴室,作为一个谷歌的厕所事件测试。你可以下载一个友好的版本在你的办公室显示。 —— Elliott Karpilovsky 深度嵌套的代码会大大降低代码可读性,并且容易出错。请尝试在以下两个版本的代码中发现错误: 答案揭晓:代码中输出wrong encoding和

    2020/04/05
  • 12道vue高频原理面试题,你能答出几道?零基础入门_面试菜鸟教程下载

    前言本文分享 12 道 vue 高频原理面试题,覆盖了 vue 核心实现原理,其实一个框架的实现原理一篇文章是不可能说完的,希望通过这 12 道问题,让读者对自己的 Vue 掌握程度有一定的认识(B 数),从而弥补自己的不足,更好的掌握 Vue 1. Vue 响应式原理核心实现类:Observer : 它的作用是给对象的属性添加 getter 和 sett

    2020/03/22
  • 大型web系统架构详解入门指南_架构教程视频

    动态应用,是相对于网站静态内容而言,是指以c/c++、php、Java、perl、.net等服务器端语言开发的网络应用软件,比如论坛、网络相册、交友、BLOG等常见应用。动态应用系统通常与数据库系统、缓存系统、分布式存储系统等密不可分。大型动态应用系统平台主要是针对于大流量、高并发网站建立的底层系统架构。大型网站的运行需要一个可靠、安全、可扩展、易维护的应用

    2020/04/03
  • node的异步处理是怎么做的呢?小白常识_异步小白入门

    Node.js以其速度而闻名,因为它是非阻塞的。非阻塞意味着一个请求不会等待另一个请求结束(也就是异步的)。异步这一特性使Node.js成为当前吞吐量最大的框架。下面看下Nodejs处理异步(获取异步数据并处理)的方法:方法1. 回调函数方式将异步方法如readFile封装到一个自定义函数中,通过将异步方法得到的结果传给自定义方法的回调函数参数。具体如下(以

    2020/03/22