This guide shows you how to use Chrome DevTools to view and change IndexedDB data. It assumes you're familiar with DevTools. If not, see Get started. It also assumes you're familiar with IndexedDB. If not, see Using IndexedDB.
View IndexedDB data
Click the Application tab to open the Application panel. The Manifest pane usually opens by default.
Expand the IndexedDB menu to see which databases are available.
- notes - https://mdn.github.io represents a database, where notes is the name of the database and https://mdn.github.io is the origin that can access the database.
notes is an object store.
title and body are indexes.
Click a database to see its origin and version number.
Click an object store to see its key-value pairs.
Total entries is the total number of key-value pairs in the object store.
Key generator value is the next available key. This field is only shown when using key generators.
Click a cell in the Value column to expand that value.
Click an index, such as title or body in Figure 6 below, to sort the object store according to the values of that index.
Refresh IndexedDB data
IndexedDB values in the Application panel do not update in real-time. Click Refresh when viewing an object store to refresh its data, or view a database and click Refresh database to refresh all data.
Edit IndexedDB data
IndexedDB keys and values are not editable from the Application panel. Since DevTools has access to page context, however, you can run JavaScript code within DevTools that edits IndexedDB data.
Edit IndexedDB data with Snippets
Snippets are a way to store and run blocks of JavaScript code within DevTools. When you run a Snippet, the result is logged to the Console. You can use a Snippet to run JavaScript code that edits an IndexedDB database.
Delete IndexedDB data
Delete an IndexedDB key-value pair
- View an IndexedDB object store.
Click the key-value pair that you want to delete. DevTools highlights it blue to indicate that it's selected.
Press the Delete key or click Delete Selected .
Delete all key-value pairs in an object store
Delete an IndexedDB database
Delete all IndexedDB storage
Open the Clear storage pane.
Make sure that the IndexedDB checkbox is enabled.
Click Clear site data.
Feedback
Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
It had the information I needed
It had accurate information
It was easy to read
Something else
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
It was missing information I needed
It had inaccurate information
It was hard to read
Something else