How to Inspect Chrome Extension\'s Synchronized Storage in DevTools?

Inspect Chrome Extension's Storage in DevTools

Chrome DevTools provides convenient inspectors for Local Storage and Session Storage, but does not offer a similar feature for chrome.storage.sync. How can we inspect the contents of an extension's synchronized storage?

Method 1: Storage Area Viewer Extension

Install the Storage Area Viewer extension to view, edit, clear, and search all chrome.storage areas, including sync, local, session, and managed. It also monitors storage changes in real time.

Method 2: Storage Area Explorer Extension

The Storage Area Explorer extension allows viewing, editing, clearing, importing, and exporting data from chrome.storage sync and local areas.

Note:

• The console and other methods have limited functionality for inspecting chrome.storage.
• A native DevTools feature for this is under development (https://crbug.com/848752).
• For ManifestV3 service workers, inspect a visible page (e.g., popup or options page) or the extension's manifest.json file.

The above is the detailed content of How to Inspect Chrome Extension\'s Synchronized Storage in DevTools?. For more information, please follow other related articles on the PHP Chinese website!