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

Inspecting chrome.storage.sync in Chrome DevTools

While Chrome DevTools conveniently allows for inspecting Local Storage and Session Storage, it lacks a similar functionality for chrome.storage.sync. This article delves into alternative methods for inspecting the contents of chrome.storage.sync.

Method 1: Storage Area Viewer Extension

The Storage Area Viewer extension provides a comprehensive solution for managing chrome.storage:

• View, edit, clear, and search in all storage areas (sync, local, session, managed).
• Monitor changes in storage.
• Supports a dark theme.

Method 2: Storage Area Explorer Extension

This extension can let you:

• View, edit, clear, import, and export data in sync and local storage areas.
• Note: May be slower with large data sets.
• Development has been discontinued for several years.

Other Methods

• Console: Use APIs and console commands to access and manipulate storage data.
• Other Methods: Various methods discussed in other answers.

Future Development

It's worth noting that a native implementation for inspecting chrome.storage.sync in DevTools is under consideration (https://crbug.com/848752).

Caution for ManifestV3 Service Workers

Accessing storage from service workers in ManifestV3 requires additional steps due to the unavailability of DevTools:

• Open a visible page (e.g., popup or options).
• Right-click and select "Inspect."
• Navigate to the Storage Explorer.
• Alternatively, open the extension manifest in a new tab or bookmark a tab with the service worker/content script.

The above is the detailed content of How Can I Inspect Chrome.storage.sync in Chrome DevTools?. For more information, please follow other related articles on the PHP Chinese website!