如何在 DevTools 中检查 Chrome 存储？

如何在 DevTools 中检查 Chrome 存储

Chrome DevTools 为本地存储和会话存储提供了方便的检查器。但是，您可能想知道是否有类似的工具用于检查 chrome.storage.sync。

Native DevTools Inspection

不幸的是，而“本地存储”和“会话存储” ” 在 DevTools 中严格指的是 Web 平台存储 API（localStorage 和 sessionStorage），它们不支持检查 chrome.storage 内容。 chrome://sync-internals/ 在显示每个扩展的实际同步存储内容方面也受到限制。

基于扩展的方法

方法 1：存储区域查看器

此扩展为所有 chrome.storage 区域（同步、本地、会话、托管）提供以下功能：

• 查看、编辑、清除和搜索存储内容
• 监控存储变化
• 深色主题支持

方法2：存储区域浏览器

而此扩展提供与存储区域查看器类似的功能，注意它仅支持在同步和本地区域中查看/编辑/导入/导出。

此外，还有其他辅助方法来检查 chrome.storage 内容：

• 使用 console 和 console.storage
• 直接使用存储接口
• 使用定制的调试工具

未来的发展和注意事项

Chrome 正在考虑在 DevTools 中实现对检查 chrome.storage 的本机支持（请参阅 crbug.com/848752）。

对于使用 ManifestV3 Service Worker 的扩展，记住这一点至关重要Service Worker 的 DevTools 不显示存储。要在这种情况下访问存储，请在扩展中打开一个可见页面（例如，弹出窗口或选项页面）并检查它。或者，在新选项卡中打开扩展程序的 manifest.json 或扩展程序中的脚本。

以上是如何在 DevTools 中检查 Chrome 存储？的详细内容。更多信息请关注PHP中文网其他相关文章！