@liuchuana/logger/README.md

logger是一个轻量，实用和客户端级的前端日志记录工具。

# logger

logger 是一个轻量，实用和客户端级的前端日志记录工具。

## 特性

- 零外部依赖
- IndexedDB 存储方案 （异步，不堵塞页面运行）
- 上报日志

## 快速上手

### 1. 安装

#### 通过 npm

```shell
npm i @liuchuana/logger
```

### 2. 引入脚本

logger 支持直接使用 script 标签引用，也支持 AMD 模块加载器。

```javascript
// 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. 记录日志

正常调用

```javascript
// 不同的模块使用不同的日志会话
var logger = new Logger();

logger.log("log");

logger.info("info");

logger.error("error");

logger.warn("warn");
```

重写/覆盖 console 下的 log 方法

```javascript
// 不同的模块使用不同的日志会话
var logger = new Logger();

console.log = logger.log;

console.info = logger.info;

console.error = logger.info;

console.warn = logger.info;
```

### 4.上传日志

```javascript
var logger = new Logger();
logger.log(1);

logger.push();
```