18

How can I view HTML web storage in Chrome and Firefox?

TylerH
  • 20,799
  • 66
  • 75
  • 101
MatBanik
  • 26,356
  • 39
  • 116
  • 178

4 Answers4

21

try the inspector in Chrome.

Right Click Page > Inspect Element > Resources -> Local Storage
msturdy
  • 10,479
  • 11
  • 41
  • 52
最白目
  • 3,505
  • 6
  • 59
  • 114
  • 3
    Ctrl + Shift + I (keyboard shortcut Firefox and Chrome) – mbokil Jul 24 '13 at 18:34
  • Is this just for the current website, or everything? – BJury Sep 23 '15 at 18:46
  • 1
    It is for the current website, as localstorage is bound to it. For chromium based browsers the local storage is now behind: `Right Click Page > Inspect Element > Application -> Local Storage` – dahrens Dec 16 '16 at 11:42
8

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

mbokil
  • 3,202
  • 30
  • 22
3

In Firefox the data is saved to the webappstore.sqlite in the FF profile folder. You can view it with the SQLite Manager, an addon for FF.

user136036
  • 11,228
  • 6
  • 46
  • 46
1

In Chrome pull down More Tools->Developer Tools. In the panel that appears click the Application tab. You will see LocalStorage in the subsequent menu. You can delete, Edit etc....