1.0.1 • Published 8 months ago
fe-log-collect v1.0.1
| 会话期 Cookie | 持久性 Cookie | seesionStorage | localStorage | indexDB | webSQL | |
|---|---|---|---|---|---|---|
| 存储大小 | 4kb | 4kb | 2.5~10 MB | 2.5~10 MB | > 250 MB | 已废弃 |
| 失效时间 | 浏览器页签关闭 | 设置过期时间，到期清除 | 浏览器页签关闭清除 | 永久保存（除非手动清除） | 手动更新或删除 | 已废弃 |
| 与服务端交互 | 无 | 无 | 无 | 无 | 无 | 已废弃 |
| 访问策略 | 同源策略 | 同源策略 | 同源策略 | 无需同源策略 | 同源策略 | 已废弃 |
功能介绍
前端利用 indexedDB 做日志收集，无服务端操作。包括 日志库的创建、新增日志、查询日志、删日志库的操作。安装
npm i fe-log-collect --save示例
import { FeLogCollect } from 'fe-log-collect' // 引入包
// 创建示例
this.feLog = new FeLogCollect({
dbName: '自定义数据库名称，建议用系统的应用名称',
dbVersion: 1, // 数据库版本
storeName: '表名，例如 Log',
})
// 添加日志
addLog() {
const data = {
title: '通道2的日志标题',
desc: '通道2的日志信息，通道2的日志信息，通道2的日志信息，通道2的日志信息，通道2的日志信息，通道2的日志信息，通道2的日志信息',
}
this.feLog.addData(data)
}
// 通过【自定义字段】查询日志信息
async getLogByField() {
console.log(await this.feLog.getLogByField('title', '通道2的日志标题')) // 这里的 title 是日志对象里的任意字段
}
// 删除数据库
deleteDB() {
this.feLog.deleteDB(this.dbName)
}