Inspect Extension's Chrome.Storage in Devtools

Is there a way to view chrome.storage.local in Developer Tools?

You can use this extension: https://chrome.google.com/webstore/detail/ocfjjjjhkpapocigimmppepjgfdecjkb

Here are the docs for extending Devtools: https://developer.chrome.com/extensions/devtools


Note: the extension may be disabled by default in Chrome. Here's how to manually re-enable it (hat tip @reccanti):

https://support.google.com/chrome_webstore/answer/2811969?hl=en

How to inspect contents of storage.local in Chrome Packaged App?

After I've realised that there is really no other option but JS console, I've created devtools extension (took 4 hours to create initial version), which can inspect chrome.storage.

So now there is such tool=)

Sources

How to inspect IndexedDB data for chrome extension manifest v3?

The problem is that devtools for a service worker doesn't show storage.

The solution is to open a visible page of your extension like the popup or options, then open devtools for that page (right-click it, then inspect).

In case your extension doesn't have a page, you can open chrome-extension://ID/manifest.json where ID is the ID of your extension shown in chrome://extensions page.

Can't view chrome extension local storage from developers tool but can access it from extension api

Open F12 tool and switch to the context of your extension, then type your code in console, you will get the storage.

Updated:

The following answer just provides some alternatives, check it out.
How do I view the storage of a Chrome Extension I've installed?

How to debug chrome devtools panel extension?

If you detach the Dev Tools (icon next to x in the top right corner) in a separate window, and press Ctrl+Shift+I while Dev Tools window is focused, you will invoke the Dev Tools for the Dev Tools window.

As far as I am aware, it's not possible for a docked configuration.



Related Topics



Leave a reply



Submit