@l_h5_tool/log

一个浏览器日志管理工具，支持日志分级、使用者过滤、可折叠输出，方便在开发环境中调试和追踪信息。

安装

npm install @l_h5_tool/log -S

yarn add @l_h5_tool/log -S

pnpm install @l_h5_tool/log -S

快速使用

1. 基础使用

import { Log } from 'devtool-log';

Log.help(); // 打印使用说明到控制台。

// 打印调试信息
Log.debug({
  useName: 'App',
  message: '这是调试信息',
  data: { foo: 'bar' },
});

// 打印普通日志
Log.log({
  useName: 'App',
  message: '加载完成',
});

// 打印警告
Log.warn({
  useName: 'App',
  message: '可能会出现异常',
});

// 打印错误
Log.error({
  useName: 'App',
  message: '发生了错误',
  getData: () => ({ code: 500 }),
});

2. 获取针对特定使用者的 Logger

const appLogger = Log.getLogger('App'); // 后面的useName都是 App

appLogger.debug({
  message: '调试信息',
  data: { a: 1 },
});

appLogger.error({
  message: '错误信息',
});

日志开关

1. 类型开关：默认全关闭

// 单个日志类型
Log.offDebug(); // 关闭 debug
Log.openDebug(); // 打开 debug

Log.offLog();
Log.openLog();

Log.offWarn();
Log.openWarn();

Log.offError();
Log.openError();

// 全部日志开关
Log.offAll();
Log.openAll();

2. 使用者过滤

空（[]）为不过滤，默认[]

// 只显示指定使用者的日志
Log.setFilterUseNames(['App', 'Module1']);
// 清空过滤
Log.clearFilterUseNames();

// 判断某个 useName 是否通过过滤
const canShow = Log.isPassUseName('App'); // true | false

待完成

• 打印适配器
• 打印事件注册（可用于上报、本地存储）