Chrome扩展中调试器无法找到已设置的chrome.storage.local数据

• 核心问题：你混淆了chrome.storage.local和浏览器原生的Local Storage，这是两个完全独立的存储机制——前者是Chrome扩展专属存储，后者是网页级存储，所以在DevTools的Application面板里的Local Storage/Session Storage里根本找不到chrome.storage的数据。

• 正确的检查方式：

  1. 用扩展管理页自带的存储查看器
     • 打开chrome://extensions/，开启右上角「开发者模式」
     • 找到你的扩展，点击「详细信息」
     • 滚动到页面底部，点击「存储」选项，即可查看chrome.storage.local里的所有键值对
  2. 在DevTools控制台直接调用API查询
     • 打开Service Worker或Popup的控制台，执行以下代码：

       chrome.storage.local.get(null, (data) => console.log('chrome.storage.local数据:', data))
       

       就能直接打印出所有存储的内容
  3. 确认权限配置
     • 检查你的扩展manifest.json是否声明了"storage"权限，没有的话必须添加：

       {
         "permissions": ["storage"]
       }
       

       （从你能正常获取数据来看，这个权限应该已经配置了，但还是可以确认一下）

• 补充说明：不需要重新加载应用存储，只要数据通过chrome.storage.local.set成功写入，用上面的方法就能立即看到。

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