How to View HTML5 LocalStorage Data From a Browser

For each browser, there is a different way to view LocalStorage data. All of these are tested using the latest desktop version of each browser.

Chrome/Chromium

The ‘resources’ tab of Chrome’s Developer tools has this. Click the arrow next to ‘local storage’. I only checked Chrome, but I assume that one can view resources in Chromium using the same method.

Firefox

Firebug can do this. ‘localStorage’ can be found in the DOM tab of Firebug.

Safari

HTML5 localStorage - Part One tells me that Safari’s developer tools also give access to local storage info. I’m dumb when it comes to Macs, and forgot that you have to enable the Develop menu item(in advanced Safari preferences). Web Inspector has a Resources tab too.

Opera

Opera Dragonfly has a Storage tab. This Storage tab has a ‘Local Storage’ subtab.

Internet Explorer

I honestly could not figure how to view this info in IE. I'll update this article when/if I figure out.