| | 会话期 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)
}