JavaScript 中 IndexedDB 怎么删除整个本地数据库实例-js教程-PHP中文网

要删除整个indexeddb数据库实例，需调用window.indexeddb.deletedatabase()并传入准确的数据库名，该异步操作须监听onsuccess、onerror和onblocked事件，且无法强制删除被其他连接占用的数据库。

javascript 中 indexeddb 怎么删除整个本地数据库实例

要删除整个 IndexedDB 数据库实例，需调用 window.indexedDB.deleteDatabase() 方法，并传入数据库名称。该操作是异步的，且会立即终止所有已打开的连接。

调用 deleteDatabase() 并监听事件

删除数据库必须显式监听成功、失败和阻塞事件，否则可能静默失败或被其他连接阻塞。

传入准确的数据库名（区分大小写，且必须与 indexedDB.open() 中使用的名称完全一致）
监听 onsuccess：数据库已成功删除
监听 onerror：删除失败（如名称错误、权限问题）
监听 onblocked：当前有其他连接正占用该数据库，需先关闭它们

处理阻塞情况（关键步骤）

如果数据库正在被其他页面或 iframe 打开，deleteDatabase() 会触发 onblocked，此时无法强制删除。你需要主动通知并关闭这些连接：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

在打开数据库时保存 IDBDatabase 实例，监听 onclose 或手动调用 db.close()
可在 onblocked 回调中提示用户刷新页面，或广播消息（如通过 localStorage + storage 事件）让其他标签页主动关闭连接
注意：Service Worker 中打开的连接也会影响删除，需确保其不长期持有数据库引用

完整示例代码

以下是一个安全删除数据库的典型写法：

const dbName = 'myAppDB';
const request = indexedDB.deleteDatabase(dbName);

request.onsuccess = () => {
  console.log('数据库已删除');
};

request.onerror = () => {
  console.error('删除失败:', request.error);
};

request.onblocked = () => {
  console.warn('删除被阻塞：请确保所有页面已关闭该数据库');
  // 可在此处触发 UI 提示或广播关闭指令
};