View the IndexedDB database that you want to delete. # Delete all key-value pairs in an object store

How the object store looks after the key-value pair has been deleted Press the Delete key or click Delete Selected. Selecting a key-value pair in order to delete it

DevTools highlights it blue to indicate that it's selected.įigure 8. Using a Snippet to interact with IndexedDB # Delete IndexedDB data # Delete an IndexedDB key-value pairĬlick the key-value pair that you want to delete. You can use a Snippet to run JavaScript code that edits an IndexedDB database.įigure 7. When you run a Snippet, the result is logged to the Console. Snippets are a way to store and run blocks of JavaScript code within DevTools. Since DevTools has access to page context, however, you can run JavaScript code within DevTools that edits IndexedDB data. IndexedDB keys and values are not editable from the Application panel. Click Refresh when viewing an object store to refresh its data, or view a database and click Refresh database to refresh all data.įigure 6. IndexedDB values in the Application panel do not update in real-time. An object store that is sorted alphabetically according to its title key This field is only shown when using key generators.Ĭlick a cell in the Value column to expand that value.Ĭlick an index, such as title or body in Figure 6 below, to sort the object store according to the values of that index.įigure 5.

Key generator value is the next available key.Total entries is the total number of key-value pairs in the object store.IndexedDB data does not update in real-time.

Chrome blocks xsplit download