javascript - 在 devtools 中检查扩展的 chrome.storage

Question

Chrome DevTools 有一个方便的本地存储和 session 存储检查器，但没有什么可检查的 chrome.storage.sync ？

chrome://sync-internals/ 似乎没有显示每个扩展的同步存储的实际内容。

Answer 1

Storage Area Explorer扩展提供了用于查看、编辑、清除、导入和导出 chrome.storage.local、chrome.storage.sync、localStorage 和sessionStorage.

将来可能会在本地实现此功能:https://crbug.com/848752 .

ManifestV3 警告:由于 service worker 的 devtools 不显示存储，您必须打开扩展程序的任何可见页面(如弹出窗口或选项)，右键单击该页面，然后单击“检查”，然后转到存储资源管理器。如果您的扩展程序没有任何可见页面，您可以打开 chrome-extension://ID/manifest.json，其中 ID 是扩展程序的 ID，如 chrome://extensions 页面所示。另一种方法是在 devtools 中右键单击您的扩展中的任何脚本(当您检查内容脚本或服务 worker 时)，然后单击“在新选项卡中打开”。您可以为此标签添加书签，以便下次快速打开它。