logger
logger 是一个轻量,实用和客户端级的前端日志记录工具。
特性
- 零外部依赖
- IndexedDB 存储方案 (异步,不堵塞页面运行)
- 上报日志
快速上手
1. 安装
通过 npm
npm i @liuchuana/logger
2. 引入脚本
logger 支持直接使用 script 标签引用,也支持 AMD 模块加载器。
// Script标签引入方式
<script src="./logger.min.js"></script>;
// AMD模块方式(如requirejs)
const Logger = require("./logger.min.js");
// CMD引入方式(使用npm安装)
const Logger = require("@liuchuana/logger");
// ES6引入方式(使用npm安装)
import Logger from "@liuchuana/logger";
3. 记录日志
正常调用
// 不同的模块使用不同的日志会话
var logger = new Logger();
logger.log("log");
logger.info("info");
logger.error("error");
logger.warn("warn");
重写/覆盖 console 下的 log 方法
// 不同的模块使用不同的日志会话
var logger = new Logger();
console.log = logger.log;
console.info = logger.info;
console.error = logger.info;
console.warn = logger.info;
4.上传日志
var logger = new Logger();
logger.log(1);
logger.push();