首页 > web前端 > js教程 > 如何在 Chrome DevTools 中检查 Chrome.storage.sync?

如何在 Chrome DevTools 中检查 Chrome.storage.sync?

Patricia Arquette
发布: 2024-10-20 08:13:29
原创
794 人浏览过

How Can I Inspect Chrome.storage.sync in Chrome DevTools?

在 Chrome DevTools 中检查 chrome.storage.sync

虽然 Chrome DevTools 可以方便地检查本地存储和会话存储,但它缺乏chrome.storage.sync 具有类似的功能。本文深入研究了检查 chrome.storage.sync 内容的替代方法。

方法 1:存储区域查看器扩展

存储区域查看器扩展提供用于管理 chrome.storage 的综合解决方案:

  • 在所有存储区域(同步、本地、会话、托管)中查看、编辑、清除和搜索。
  • 监控存储中的更改.
  • 支持深色主题。

方法 2:存储区域资源管理器扩展

此扩展可以让您:

  • 查看、编辑、清除、导入和导出同步和本地存储区域中的数据。
  • 注意:大型数据集可能会较慢。
  • 开发已停止数年。

其他方法

  • 控制台:使用 API 和用于访问和操作存储数据的控制台命令。
  • 其他方法:其他答案中讨论的各种方法。

未来开发

值得注意的是,正在考虑在 DevTools 中检查 chrome.storage.sync 的本机实现 (https://crbug.com/848752)。

ManifestV3 的注意事项Service Workers

由于 DevTools 不可用,从 ManifestV3 中的 Service Workers 访问存储需要额外的步骤:

  • 打开可见页面(例如弹出窗口或选项)。
  • 右键单击并选择“检查”。
  • 导航到存储资源管理器。
  • 或者,在新选项卡中打开扩展清单或使用服务为选项卡添加书签工作人员/内容脚本。

以上是如何在 Chrome DevTools 中检查 Chrome.storage.sync?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板