清洁控制台
一个简单的库来保持您的网站或应用程序的操纵台清洁. 控制台上不再印有日志,出错,警告等内容,人人可见. 您也可以向好奇的访客展示美妙的讯息.
如果您想要看到用于调试的日志, 您只需设置一个本地存储键以获取真实性, 然后通过该键作为配置的一部分 .
安装
npm i @eaboy/clean-console
使用量
默认使用 :
import { CleanConsole } from '@eaboy/clean-console';
CleanConsole.init() // Dafault behavior
自定义用法 :
import { CleanConsole } from '@eaboy/clean-console';
CleanConsole.init(configOptions) // Object parameter for coustom options
您也可以在页面中直接加载 clean-console.min.js,并在代码中调用init方法:
cleanConsole.init(configOptions) // Object parameter for coustom options
配置选项
要自定义行为, 您可以用以下属性通过配置对象 。 所有属性都是可选的 :
| 名称 | 类型 | 默认 | 说明 | 示例 |
|---|---|---|---|---|
excludeMethods | 数组 | 用控制台的方法传递一系列字符串,您想要在控制台上继续看到 | excludeMethods: ['error', 'info', 'clear'] | |
clearOnInit | 布尔 | 虚假 | 如果您想要在清理控制台运行前清除控制台, 设置为真实, 如果库初始化前打印了日志, 则有用 | clearOnInit: true |
debugLocalStoregeKey | 字符串 | 设定您要使用的本地存储密钥, 以阻止库的执行, 并能够看到用于调试的所有日志 | debugLocalStoregeKey: 'my_awesome_site_key' | |
initialMessages | 数组 | 以属性传递一系列对象 message 它包含您想要显示在控制台上的信息,以及可选的属性 style 带有您想要应用到信件的 Css 样式。 您可以通过您想要显示的信件中尽可能多的对象 | initialMessages: { message: 'Thanks for visiting my awesome site!', style: 'color: red; font-size: 28px; font-weight: bold; font-family: "Comic Sans MS", cursive, sans-serif; line-height: 38px;' } |