89

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

Firecookie Firecookie

Is there something like it?

Cœur
  • 37,241
  • 25
  • 195
  • 267
BrunoLM
  • 97,872
  • 84
  • 296
  • 452

8 Answers8

72

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

enter image description here enter image description here enter image description here

NickBelhomme
  • 917
  • 7
  • 6
  • 1
    Firebug is now [deprecated](http://getfirebug.com/), instead enable built-in [Storage Inspector](https://developer.mozilla.org/en-US/docs/Tools/Storage_Inspector) in dev tools settings as said by @Nux below. – eddygeek Mar 06 '17 at 07:58
58

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

johnjbarton
  • 1,857
  • 1
  • 13
  • 12
16

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

console.dir(window.localStorage);

Result:

enter image description here

Pointer Null
  • 39,597
  • 13
  • 90
  • 111
11

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

Brock Adams
  • 90,639
  • 22
  • 233
  • 295
10

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.

Jessy Ouellete
  • 101
  • 1
  • 3
  • Well, it is not working here, I don't see the values... I'm using FF4B11... And to be perfect it should be a extension for Firebug :P But yea, if it is fixed for FF4 maybe I will use it... – BrunoLM Feb 10 '11 at 10:44
  • This would be good, but it can only see the current site at a time -- a major limitation. As it is, this extension is just a slight coat of varnish over what we can already do from the FF console or the Firebug console. – Brock Adams Dec 21 '11 at 01:22
4

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

Storage Inspector option in the Settings panel

Sebastian Zartner
  • 18,808
  • 10
  • 90
  • 132
Nux
  • 9,276
  • 5
  • 59
  • 72
0

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.

Pete Brumm
  • 1,656
  • 19
  • 13
0

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/

Ashutosh
  • 33
  • 4