Security News
ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
一个针对手机网页的前端 console 调试面板。
vConsole 是一个网页前端调试面板,专为手机 web 页面量身设计,帮助开发者更为便捷地进行开发调试工作。
http://wechatfe.github.io/vconsole/demo.html
checkout 文件 dist/vconsole.min.js
到本地。
(1) 如果未使用 AMD/CMD 规范,可直接在 HTML 中引入 vConsole 模块。为了便于后续扩展,建议在 <head>
中引入:
<head>
<script src="path/to/vconsole.min.js"></script>
</head>
(2) 如果使用了 AMD/CMD 规范,可在 module 内使用 require()
引入模块:
var vConsole = require('path/to/vconsole.min.js');
(1) 与 PC 端打印 log 一致,可直接使用 console.log()
等方法直接打印日志:
console.log('Hello World');
未加载 vConsole 模块时,console.log()
会直接打印到原生控制台中;加载 vConsole 后,日志会打印到页面前端+原生控制台。
(2) 引入模块后,vConsole 会有一段很小的延迟来用于初始化工作。此时若需打印日志,请使用 vConsole.ready()
方法:
// 若未通过 AMD/CMD 方式加载模块,
// vConsole 会自动挂载在全局 window 对象中,即 window.vConsole
vConsole.ready(function() {
console.log('Hello World');
});
(3) 支持 4 种不同类型的日志,会以不同的颜色输出到前端面板:
console.log('foo'); // 白底黑字
console.info('bar'); // 白底紫字
console.debug('oh'); // 白底黄字
console.warn('foo'); // 黄底黄字
console.error('bar'); // 红底红字
(4) 支持打印 Object 对象,会以 JSON 字符串格式输出:
var obj = {};
obj.foo = 'bar';
console.log(obj); // 打印出 {foo: 'bar'}
(5) 支持传入多个参数,会以空格隔开:
var uid = 233;
console.log('UserID:', uid); // 打印出 UserID: 233
(6) 支持使用 [default|system|...]
的格式将 log 输出到指定面板:
// [xxx] 须写在 log 的最开始
console.log('[system]', 'foo');
console.log('[system] bar');
// 系统面板将打印出两行,分别为 foo 和 bar
目前支持的面板有:
[default] 日志(默认)
[system] 系统
引入 vConsole 模块后,页面前端将会在右下角出现 vConsole 的悬停按钮,可展开/收起面板。
若不希望普通用户看到面板,请不要在生产环境中引入 vConsole 模块。动态引入模块的方法可参考 example/demo2.php
示例。
The MIT License (http://opensource.org/licenses/MIT)
v1.1.0 (2016-05-06)
Feat
Support window.onerror()
to catch exceptions and errors.Feat
Support [default|system|...]
string to print logs to specific panel.FAQs
A lightweight, extendable front-end developer tool for mobile web page.
The npm package vconsole receives a total of 32,583 weekly downloads. As such, vconsole popularity was classified as popular.
We found that vconsole demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
ESLint has added JSON and Markdown linting support with new officially-supported plugins, expanding its versatility beyond JavaScript.
Security News
Members Hub is conducting large-scale campaigns to artificially boost Discord server metrics, undermining community trust and platform integrity.
Security News
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.