How to view IndexedDB content in chrome?

Asked 21/3, 2012 at 10:55 Answered 6/12, 2022 at 9:54

I am fairly new to writing code, but I played around with some chrome apps which use WebSQL for DB. I decided to learn IndexedDB, but needed something more visual, to help me out. WebSQL database entries can be easily seen in in resources tab in "debugger", but indexedDB database is not shown there.

Chrome is v17, OS Ubuntu 11.10

Is there a workaround for this( plugin or anything else) ?

Containerize answered 21/3, 2012 at 10:55 Comment(0)

If you use Chromium or the dev channel of Chrome you can enable an experimental Dev Tools feature to surface IndexedDB in the Resources panel.

https://plus.google.com/u/0/100132233764003563318/posts/7pbJUZCGk8U

Boride answered 21/3, 2012 at 18:15 Comment(7)

I tried with a Chromium 19 version for download 21.03.2012 for Linux. Even though I enabled IndexedDB, and it shows in resources, I see no entries. Even thoug the example I am trying is working. I try with the code, published here html5rocks.com/en/tutorials/indexeddb/todo As far as I know, indexedDB has been changed, so that might also be the case – Containerize 21/3, 2012 at 20:22

It is "Chromium 19.0.1077.0 custom", to be exact, dont know why it is "custom", just unzipped, run and changed some settings( enabled IndexedDB) – Containerize 22/3, 2012 at 5:41

Same thing in 20.0.1105.0 canary - can see IndexedDB in resources and can see object stores but can't see any data – Unhorse 17/4, 2012 at 15:46

I can see data in the Dev Tools Resources panel in Chrome 21.0.1180.89 for html5rocks.com/en/tutorials/indexeddb/todo – Pyrosis 15/9, 2012 at 16:43

IndexedDB support in Chrome should be much much better now. – Boride 21/9, 2012 at 1:49

In current versions of Chrome (56-58) this is now under Application / IndexedDB – Spearmint 3/2, 2017 at 18:23

The link is no longer available. – Interposition 29/12, 2019 at 19:6

In chrome, click on developer tools or use ctr+shift+I
Click on the application menu
Right click on IndexDB
Click Refresh IndexDB
Then you will see your database content.

Stegall answered 22/2, 2020 at 6:21 Comment(0)

The accepted answer is 10 years old, mentioning experimental DevTools. So, I decided to rewrite answer.

In Chrome, press F12 or click application menu > More Tools > Developer Tools to open Chrome Developer tools.
Go to Application tab.
On the menu left, expand IndexedDb under Storage section and you will see your IndexedDb content.

Katharinakatharine answered 6/12, 2022 at 9:54 Comment(0)

Recommended topics

Hot tags