@liuchuana/logger
TypeScript icon, indicating that this package has built-in type declarations

0.1.1 • Public • Published

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();

Package Sidebar

Install

npm i @liuchuana/logger

Weekly Downloads

1

Version

0.1.1

License

ISC

Unpacked Size

10.5 kB

Total Files

6

Last publish

Collaborators

  • liuchuana