首页 >web前端 >js教程 >如何在 Chrome DevTools 中访问 c​​hrome.storage.sync 数据?

如何在 Chrome DevTools 中访问 c​​hrome.storage.sync 数据?

Mary-Kate Olsen
Mary-Kate Olsen原创
2024-10-20 08:17:021039浏览

How Can I Access chrome.storage.sync Data in Chrome DevTools?

在 Chrome DevTools 中访问 c​​hrome.storage.sync

尽管 Chrome DevTools 中提供了本地存储和会话存储检查器,但用户经常遇到 chrome.storage.sync 缺少类似功能的情况。这可以通过替代方法解决。

使用扩展程序进行 Chrome 存储检查

  • 存储区域查看器扩展:

    • 提供所有 chrome.storage 区域(同步、本地、会话、托管)的全面视图。
    • 提供在存储的数据中查看、编辑、清除和搜索的选项。
    • 启用存储更改监控。
    • 采用深色主题以增强可见性。
  • 存储区域资源管理器扩展:

    • 专注于在 chrome.storage 同步和本地区域中查看和编辑数据。
    • 允许导入和导出存储的信息。
    • 可能会遇到性能限制

DevTools 中的本机集成

虽然当前不可用,但用于本机检查 chrome.storage 同步的功能正在开发中在未来的更新中考虑(如提供的链接中所示)。

替代方法

原始讨论中提到的其他方法,例如使用控制台或自定义脚本,也可用于存储检查。

ManifestV3 Service Workers 注意:

由于 Service Worker 的 DevTools 限制,访问 chrome.storage.sync 需要替代方案方法。打开可见的扩展页面(例如弹出窗口或选项),右键单击该页面,然后选择“检查”即可访问存储资源管理器。或者,右键单击 DevTools 中的扩展程序中的脚本并选择“在新选项卡中打开”可提供存储数据的直接路径。

以上是如何在 Chrome DevTools 中访问 c​​hrome.storage.sync 数据?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn