IndexedDB无法存储数据求助：多浏览器多方案尝试均无效

我之前也踩过一模一样的坑！控制台全是「success」「Did it」这类成功提示，但开发者工具的IndexedDB面板就是空空如也，给你几个实际排查的方向，亲测有用：

• 务必检查事务是否正确完成：很多时候代码里发起了add/put操作，但没确保事务真正提交。比如用老式回调写法时，没等onsuccess触发就结束了上下文；用async/await的话，有没有正确await操作的Promise？比如有些示例里只调用了db.add()但没await它，事务可能被提前终止了。
• 清理旧数据库，重新测试：如果之前修改过数据库版本或者对象仓库结构，浏览器里可能留存了旧版本的DB，新操作可能在你看不到的旧仓库里执行。先在开发者工具的IndexedDB面板里手动删除所有相关数据库，再重新运行代码试试。
• 确认操作的上下文环境：如果你的代码是在iframe、浏览器扩展或者隔离的沙箱环境里运行的，IndexedDB是按上下文隔离的。比如在iframe里写的数据，得打开iframe的开发者工具才能看到，主页面的面板是看不到的。
• 监听事务的错误事件，抓隐藏bug：有时候控制台的成功提示只是「操作发起成功」，不是「写入成功」。给事务加上错误监听，说不定能抓到隐藏的问题：

  const transaction = db.transaction('your-store-name', 'readwrite');
  transaction.onerror = (e) => {
    console.error('事务执行失败:', e.target.error.message);
  };
  

  比如数据不符合对象仓库的键规则、重复键冲突但代码没处理这类情况，都可能静默失败但控制台只显示发起成功。
• 排查开发者工具的显示bug：偶尔浏览器的DevTools会有缓存或者渲染问题，数据其实已经写入了但没显示。试试刷新页面、关闭再重新打开IndexedDB面板，或者切换到其他标签页再切回来，说不定数据就出现了。

另外，你提到用了mdn-idb、谷歌idb这类封装库，记得确认库的使用方式是否正确——有些库需要显式调用flush方法，或者必须确保操作的Promise被正确resolve，不然数据可能还在内存里没持久化到磁盘。

内容的提问来源于stack exchange，提问作者Stepan Rafael