- Published:August 6th, 2013
- Comments:1 Comment
- Category:Documentation, Firebug, Firebug Extension, Planet Mozilla
Another Firebug extension we have tested with upcoming Firebug 1.12 (will be available in several weeks) allows managing web storage directly in your Firebug.
FireStorage Plus! appends an extra Firebug tab which lets you inspect and modify the local and session storage.
Local Storage Example
The user interface and experience is simple and intuitive. It looks and works just like you would expect from this kind of extension. Let's see a quick example that puts some data into the local storage:
localStorage.setItem("Mother", "Angela, 31 years old");
Modify Data
You can also easily modify existing data. Just right click on an entry in the panel and pick Edit.
As you can see in the context menu there are more actions related to data management. You can also remove existing or create new storage entries.
Filtering
The FireStorage Plus! panel offers also a few buttons for filtering its content. See extended example that also stores some data into the session storage.
localStorage.setItem("Father", "John, 32 years old");
localStorage.setItem("Mother", "Angela, 31 years old");
// Initialize session storage
sessionStorage.Vacation = "Bali, middle of August";
- Both - display data from both local and session storage
- localStorage - display data from the local storage only
- sessionStorage - display data from the session storage only
- localStorage all scopes - display data from the local storage for all scopes
DOM Panel
Note, that the (built-in) DOM panel has also basic support for data storage management. It's not that nice and useful especially in case of bigger amount of data, but worth of mentioning.
Resources
Is there any other feature you'd like to see in this extension?
1 Comment
[...] As you can see in the context menu there are more actions related to data management. You can also remove existing or create new storage entries. Read more… [...]