本指南介绍了如何使用 Chrome 开发者工具查看和更改扩展程序使用 chrome.storage API 存储的数据。

查看扩展程序存储空间
打开开发者工具,查看您要检查的上下文。
依次前往应用 > 存储,然后展开扩展程序存储。
选择要检查的存储区域:
a. 在可能存在多个扩展程序的情况下,请展开您感兴趣的扩展程序,然后选择存储区域。
b. 在与单个扩展程序关联的上下文中,您可以直接选择存储区域。

如需在预览部分中预览值,请在表格中选择一行。
如需查看更新后的值,请点击顶部操作栏中的刷新。
可用性
在检查以下上下文时,可以访问扩展程序存储空间:
- 扩展程序已在其中注入内容脚本的文档。
- 具有
chrome-extension://架构的文档(包括 iframe)。 - 扩展程序 Service Worker。
- 在 MV2 中,检查后台页面。
在所有情况下,只有当扩展程序具有 storage 权限时,该扩展程序才会显示在开发者工具中。
访问权限级别
默认情况下,内容脚本无法访问 chrome.storage.session 区域。不过,它在开发者工具中始终可用,即使在检查扩展程序运行无访问权限的内容脚本的页面时也是如此。
过滤键值对
如需快速找到所需的键值对,请在顶部的过滤框中输入键或值包含的字符串。

创建新的键值对
- 双击表格的空白部分。DevTools 会创建一个新行,并将光标聚焦在键列中。
- 输入新的键值对。
DevTools 会尽可能将您输入的值解析为 JSON,并存储相应的对象。非有效 JSON 的值将存储为字符串。
修改键或值
如需修改值,请双击“键”或“值”列中的单元格,以修改该键或值。您可能需要重新加载扩展程序,以便其检索更新后的值。
删除键值对
- 点击某个键值对将其选中。
- 点击顶部操作栏中的
删除,以移除所选配对。

或者,点击 全部清除以移除所有配对。