Firefox addon to view/edit/create localStorage dat

问题:

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

Google Chrome http://img39.imageshack.us/img39/2057/localstoragechrome.png

similar to Firecookie but for the localStorage

Is there something like it?

回答1:

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...

回答2:

You can create, view, and edit localStorage in Firebug, no extension is needed. http://getfirebug.com/wiki/index.php/DOM_Panel#localStorage jjb

回答3:

That's easy to dump in built-in Firefox debug tools, just type in console:

console.dir(window.localStorage);

Result:

回答4:

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):

1. Navigate to the domain in question, for example: http://stackoverflow.com .

2. Open Firefox's console (Ctrl Shift K in windows).

3. Set a value like: localStorage.foo = "bar".  
   Or use localStorage.setItem ("foo", "bar").

4. Change a value like: localStorage.foo = "all day".
   Or use localStorage.setItem ("foo", "all day").

5. Delete a value like: localStorage.removeItem ("foo").

回答5:

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.

回答6:

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).

回答7:

you can also use Steve Souder's Mobile Perf javascript plugin

mobile perf 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.

回答8:

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/