Better Devtools Storage

Better Devtools Storage is a DevTools tab that replaces the default chrome application storage tab with a user friendly interface for viewing, editing and searching localStorage, sessionStorage and cookies.

Features:

• Search - Search across all keys and values instantly.
• Syntax Highlighting - Live syntax highlighting for JSON values.
• Edit Keys - Add, update, and delete localStorage, sessionStorage and site cookies.
• Clear Values - Clear localStorage, sessionStorage and site cookies.
• Delete Keys - Delete keys from localStorage, sessionStorage and site cookies.
• Copy Values - Easily copy values to your clipboard.
• Responsive - Supports horizontal, vertical, docked, and undocked DevTools layouts.

Install

Or download the latest build from the GitHub Releases.

How to Compile

1. Clone or fork the repository git@github.com:daintydust/better-devtools-storage.git.
2. Install dependencies, typically by npm install in the root of the directory.
3. Run npm run build to build the extension.
4. The compiled extension will be available in the /dist directory.

How to Contribute

1. Clone or fork the repository git@github.com:daintydust/better-devtools-storage.git.
2. Install dependencies, typically by npm install in the root of the directory.
3. Run npm run dev to run the development server.
4. Navigate to chrome://extensions/ and enable Developer mode (top-right).
5. Click Load unpacked and add /dist directory from your cloned repository.
6. Open DevTools and navigate to the Better Devtools Storage tab.

Support