vConsole打印信息

vconsole介绍

vConsole，是腾讯在 Github 上开源的移动端的前端开发者调试工具，项目位于 https://github.com/Tencent/vConsole，目前版本为 3.3.4。vConsole 使用 JAVAScript/TypeScript 编写，在前端项目中引用后，可以在网页中嵌入一个利用前端渲染的开发工具工具箱，提供一个类似于 PC 浏览器所提供的原生的开发者调试工具，功能包括：

Log：日志输出和命令行，包括不同等级日志的子面板
System：请求信息，以及系统日志
Network：网络抓包和分析
Element：页面DOM元素代码检查
Storage：Cookies、LocalStorage 和 SessionStorage

安装方法

可以直接下载项目所提供的发行版的代码，或使用 NPM 安装：
npm install vconsole

使用方法(npm)

import VConsole from 'vconsole';const vConsole = new VConsole();
// or init with options
const vConsole = new VConsole({ theme: 'dark' });// call `console` methods as usual
console.log('Hello world');// remove it when you finish debugging
vConsole.destroy();

使用方法(html)

<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>// VConsole will be exported to `window.VConsole` by default.var vConsole = new window.VConsole();
</script>

配置项

vConsole 支持不同级别的日志，以不同的颜色输出到前端面板：

console.log('foo');   // 白底黑字
console.info('bar');  // 白底紫字
console.debug('oh');  // 白底黄字
console.warn('foo');  // 黄底黄字
console.error('bar'); // 红底红字

总结

vConsole 为在移动端的前端开发提供了一个功能丰富的开发者调试工具，使得在手机上也能够完成基本的代码调试工作，且安装使用简单，可扩展性强，极大地提高了开发效率。vConsole 是一个十分值得关注的开发工具项目，目前已处于稳定维护阶段，值得前端开发者进行代码阅读和研究，并进行相关插件的开发。

vConsole打印信息相关推荐

【FFmpeg】降低转码延迟方法、打印信息详解、refcounted_frames详解
文章目录 1.FFmpeg降低转码延迟方法 2.ffmpeg打印信息:源码里打印的这段是这样定义的 3.解码时 refcounted_frames 标志的使用 3.1 启动该标志 3.2 解码后,记得 ...
【Qt】通过QtCreator源码学习Qt（五）：QLoggingCategory管理、分类、过滤打印信息
1.QLoggingCategory简介在QtCreator源码中新学到一个类QLoggingCategory. QLoggingCategory可以控制打印输出类别和区域.方便在调试时,过滤掉不关 ...
【linux】Valgrind工具集详解（三）：打印信息说明
一.打印信息格式 Valgrind打印信息的格式如下,很容易和程序输出信息区分出来 == 进程ID ==Valgrind的打印信息二.打印到何处 1.打印到文件描述符中主要是设置打印到终端上,默认 ...
python加颜色_Python 给屏幕打印信息加上颜色的实现方法
语法 print('\033[显示方式;字体色;背景色m文本\033[0m') # 三种设置都可以忽略不写,都不写则为默认输出配置如下 # 字体背景颜色 # ------------------ ...
DbgView软件查看VC++ MFC 程序的打印信息
DbgView软件查看VC++ MFC 程序的打印信息一.在写VC++ MFC程序的调制过程中,需要跟踪打印信息,但在MFC中用printf不知道在哪里看打印信息,今天介绍一款软件,可以查看对应的 ...
android电视打印信息解析,液晶电视获取打印信息的方法与操作
通过本文我们先来了解一下打印信息,首先要说的就是打印信息并不要打印机,只需要我们的烧录器就可以了.打印信息是什么呢,打印信息是电视机主控送出来的一段代码,我们通过电脑或是手机来查看代码,是机器本身运行 ...
ElasticSearch5.3插件开发（一）控制台打印信息
自定义插件类继承org.elasticsearch.plugins.Plugin 本文最简单的一个插件,在控制台打印信息: package es.plugins; import org.elastic ...
module_param 用于动态开启/关闭驱动打印信息
1.定义模块参数的方法: module_param(name, type, perm); 其中,name:表示参数的名字; type:表示参数的类型; perm:表示参数的访问权限 ...
linux用echo显示欢迎信息,我使用过的Linux命令之echo - 显示文本、打印信息
用途说明 echo命令用来打印信息,是一个最常用的命令.在命令行中常用来打印环境变量的值,已确定当前环境中是否设置了指定的环境变量.在shell脚本中,常用来打印信息和帮助调试程序. 常用参数 ...

vConsole打印信息

vconsole介绍

安装方法

使用方法(npm)

使用方法(html)

配置项

总结

vConsole打印信息相关推荐

最新文章

热门文章