Menu
How can I view HTML web storage in Chrome and Firefox?
217
You can open the Storage Inspector by selecting “Storage Inspector” from the Web Developer submenu in the Firefox Menu Panel (or Tools menu if you display the menu bar or are on macOS), or by pressing its Shift + F9 keyboard shortcut.
What is HTML Web Storage? With web storage, web applications can store data locally within the user's browser. Before HTML5, application data had to be stored in cookies, included in every server request. Web storage is more secure, and large amounts of data can be stored locally, without affecting website performance.
# View sessionStorage keys and valuesClick the Application tab to open the Application panel. Expand the Session Storage menu. Click a domain to view its key-value pairs. Click a row of the table to view the value in the viewer below the table.
Google Chrome records Web storage data in a SQLite file in the user's profile. The subfolder containing this file is " \AppData\Local\Google\Chrome\User Data\Default\Local Storage " on Windows, and " ~/Library/Application Support/Google/Chrome/Default/Local Storage " on macOS.
try the inspector in Chrome.
Right Click Page > Inspect Element > Resources -> Local Storage
For Firefox use Firebug add-on. Open Firebug. Click on Console. On the command line type in:
localStorage
For development you can also edit local storage in Firebug using dot notation. For example:
localStorage.myVar = "hello"
localStorage.clear()
localStorage.removeItem("myVar")
In Firefox 19+ you can inspect localStorage directly from the console without Firebug:
inspect(localStorage)
This will pull up a panel displaying the key/value pairs
Firebug localStorage documentation
Install Firebug add-on
33
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
