Latest Firefox adds Storage to Developer Tools

I try to keep track of what all the browsers add to their developer tools, but somehow I missed this. In a recent Firefox update, they finally added a "Storage" tab to the developer tools. For some reason, this tab was deselected in my Firefox. I only knew it existed when I opened up the options looking for something else.

ff1

Once added, and selected, you will then get the ability to view cookies, IndexedDB databases, and Local and Session Storage. (No WebSQL since Firefox doesn't support it.)

ff2

Expanding the IDB section, you can browse the structure of local databases:

ff3

And when you click an object store, you will see a list of data. If you click one row, you get details:

ff4

This will be very handy for folks working with local data. (And reminds me I need to give my presentation on this topic again!)

p.s. The title of this post says it was the "latest" Firefox that added this but honestly I may have missed it from an earlier update.

Archived Comments

Comment 1 by ismaail posted on 1/30/2015 at 2:39 PM

Thanks, it seems we all missed that.

Comment 2 by J. Ryan Stinnett posted on 2/2/2015 at 4:16 PM

This was originally added in Firefox 34[1].

We've been a little quiet about it since it does not yet support editing storage values, and it's not ready for e10s, Firefox's upcoming multiprocess sandbox mode. Hopefully these issues will be resolved soon, and then it would likely be enabled by default.

[1]: http://hacks.mozilla.org/20...

Comment 3 (In reply to #2) by Raymond Camden posted on 2/2/2015 at 9:43 PM

Oh, well that explains why it was disabled. I thought maybe I had done it myself and just forgot.