无需登录 数据私有 本地保存

IDB-Keyval 管理器 UI - 简单键值对数据库操作界面

43
0
0
0

IndexedDB Key-Value 管理器

基于 IndexedDB 的轻量级键值对存储 · 类似 IDB-Keyval

0 条记录 0 B IndexedDB
添加键值对
支持字母、数字、下划线、连字符及中文
纯文本 0 字符

快捷操作
键名 类型 操作

还没有任何数据

添加你的第一个键值对吧 ✨

显示全部记录 点击行可快速编辑
常见问题与知识
什么是 IndexedDB?与 IDB-Keyval 的关系?
IndexedDB 是浏览器内置的异步 NoSQL 数据库,支持存储大量结构化数据。IDB-Keyval 是 Jake Archibald 开发的轻量级库,它将 IndexedDB 封装为简单的键值对 API(类似 localStorage),让你无需处理复杂的 IndexedDB 事务和游标,只需 set(key, value)get(key) 即可完成操作。本工具模拟了 IDB-Keyval 的核心功能。
IndexedDB 和 localStorage 有什么区别?
存储容量:localStorage 通常限制 5-10MB,IndexedDB 可存储数百MB甚至更多(取决于浏览器和磁盘空间)。
数据类型:localStorage 仅支持字符串,IndexedDB 支持对象、数组、二进制等多种类型。
性能:IndexedDB 异步操作不阻塞主线程,适合大数据量场景;localStorage 是同步的。
适用场景:小数据用 localStorage,大数据或结构化数据用 IndexedDB。
数据存储在哪里?安全吗?
数据存储在浏览器的本地文件系统中(如 Chrome 的 Profile 目录),仅当前域可访问,遵循同源策略。数据不会自动发送到服务器,但请注意:浏览器扩展可能访问、设备丢失可能导致数据丢失。敏感信息建议加密后再存储。
数据在浏览器关闭后会丢失吗?
不会丢失。IndexedDB 是持久化存储,数据会一直保留,除非用户清除浏览器数据、卸载浏览器、或网站主动删除。它比会话存储(sessionStorage)更持久,适合长期保存用户配置和缓存数据。
存储容量有多大?超出限制会怎样?
不同浏览器限制不同:Chrome 约为磁盘空闲空间的 60%,Firefox 约为 2GB(每个站点),Safari 约 1GB。超出限制时浏览器会抛出 QuotaExceededError 错误。建议定期清理无用数据,本工具提供导出功能便于备份。
如何备份和恢复数据?
使用本工具的导出JSON功能将全部键值对保存为 JSON 文件。恢复时使用导入JSON功能上传文件即可。JSON 格式为 {"key1":"value1","key2":"value2"},方便手动编辑和迁移。
支持哪些数据类型?
IndexedDB 原生支持字符串、数字、布尔值、对象、数组、二进制数据(Blob/ArrayBuffer)、日期等类型。本工具界面以文本形式输入,但会自动检测 JSON 格式,存储时保留原始类型。导入导出均使用 JSON 格式保持类型信息。
如何在项目中使用 IDB-Keyval?
安装:npm install idb-keyval
使用示例:
import { set, get } from 'idb-keyval';
await set('hello', 'world');
const val = await get('hello'); // 'world'
API 极其简洁,支持 set/get/del/clear/keys/values/entries 等方法,适合需要比 localStorage 更大容量和更好性能的场景。