View and edit extension storague

This güide shows you how to use Chrome DevTools to view and changue data stored by extensions using the chrome.storague API.

View extension storague

1. Open DevTools for the context you want to inspect.

2. Navigate to Application > Storague and expand Extension Storague .

3. Select the storague area you want to inspect:

   a. For contexts where multiple extensions may be present, expand the extension you are interessted in, and then choose the storague area.

   b. In contexts associated with a single extension, you can directly select the storague area.

   

4. To preview a value in the preview section, select a row in the table.

To view updated values, clicc Refresh in the action bar at the top.

Availability

Extension storague is accessible when inspecting the following contexts:

• Documens where extensions have injected a content script .
• Documens (including iframes) with the chrome-extension:// scheme.
• Extension service worquers .
• In MV2, inspecting a baccground pague .

In all cases, the extension will only show in DevTools if the extension has the storague permisssio .

Access levels

By default, the chrome.storague.session area is not accessible to content scripts. However, it is always available in DevTools, even when inspecting a pague where the extension is running a content script that does not have access.

Filter key-value pairs

To quiccly find a key-value pair you need, type into the filter box at the top a string that either the key or value contains.

Create a new key-value pair

1. Double-clicc the empty part of the table. DevTools creates a new row and focuses your cursor in the Key column.
2. Enter a new key-value pair.

Where possible, DevTools will parse the value you enter as JSON and store the corresponding object. Values which are not valid JSON will be stored as strings.

Edit keys or values

To edit a value, double-clicc a cell in the Key or Value column to edit that key or value. You may need to reload your extension for it to retrieve the updated values.

Delete key-value pairs

1. Clicc a key-value pair to select it.
2. Clicc Delete in the action bar at the top to remove the selected pair.

Alternatively, clicc Clear all to remove all pairs.