Firefox addon to view/edit/create localStorage data?
FirefoxFirebugFirefox AddonLocal StorageFirefox Problem Overview
Is there an addon that allows you to view, edit, localStorage
information?
If there is and it works as an extension of Firebug I will be extremely happy.
Something like Google Chrome's local storage
similar to Firecookie but for the localStorage
Is there something like it?
Firefox Solutions
Solution 1 - Firefox
FireStorage Plus! A great new FireFox Addon which is officially recognized by Firebug is available from the Mozilla gallery: http://addons.mozilla.org/en-US/firefox/addon/firestorage-plus/
This plugin extends Firebug to give you the functionality you need. As with Firebug itself, FireStorage Plus! is currently under heavy development so new features come out every couple of days...
It is stable and ready for use...
Solution 2 - Firefox
You can create, view, and edit localStorage in Firebug, no extension is needed. http://getfirebug.com/wiki/index.php/DOM_Panel#localStorage jjb
Solution 3 - Firefox
That's easy to dump in built-in Firefox debug tools, just type in console:
console.dir(window.localStorage);
Result:
Solution 4 - Firefox
There is a new extension that is very useful for seeing and clearing localStorage, en mass. It is Foundstone HTML5 Local Storage Explorer.
What's good about it is that it shows all localStorage
for every site -- not one site at a time like the other answers to this Q (so far).
Unfortunately, it does not provide an easy way to add or edit localStorage
values, but that's not too hard in Firefox, anyway.
To Add, Edit, or Delete individual localStorage values in Firefox (Firebug is not needed):
-
Navigate to the domain in question, for example: http://stackoverflow.com .
-
Open Firefox's console (Ctrl Shift K in windows).
-
Set a value like:
localStorage.foo = "bar"
.
Or uselocalStorage.setItem ("foo", "bar")
. -
Change a value like:
localStorage.foo = "all day"
.
Or uselocalStorage.setItem ("foo", "all day")
. -
Delete a value like:
localStorage.removeItem ("foo")
.
Solution 5 - Firefox
I've created a Firefox add-on to provide functionality similar to Webkit's.
You can find the add-on here: https://addons.mozilla.org/en-US/firefox/addon/firestorage/
Let me know what you think.
Solution 6 - Firefox
Or you can use the Storage Inspector of the built-in Firefox Developer Tools (is disabled by default so you need to enable it in their settings under Default Developer Tools > Storage).
Solution 7 - Firefox
you can also use Steve Souder's Mobile Perf javascript plugin
He gives you a browser link you can click on any website to get javascript debugging tools.
Storager provides local and session storage viewing, It also allows you to export to jdrop website to inspect contents remotely, which is great for debugging local storage on mobile devices.
Solution 8 - Firefox
You can also use the "Offline Data" bookmarklet to quickly inspect localStorage, sessionStorage and cookies stored by a web page: http://deceptiveweb.com/blog/examine-offline-data-bookmarklet/