Просмотр хранилища html5 в Chrome и Firefox

Question

Как просмотреть содержимое веб-хранилища HTML5 в Chrome и Firefox? Какие лучшие инструменты доступны?

Answer 1

попробуйте инспектор в Chrome.

Right Click Page > Inspect Element > Resources -> Local Storage 

Answer 2

Для Firefox используйте Firebug add-on. Откройте Firebug. Нажмите Консоль. В командной строке введите: localStorage

Для разработки вы также можете отредактировать локальное хранилище в Firebug с использованием точечной нотации. Например:

localStorage.myVar = "hello" 
localStorage.clear() 
localStorage.removeItem("myVar") 

В Firefox 19+ вы можете проверить LocalStorage непосредственно из консоли без Firebug:

inspect(localStorage) 

Это будет тянуть панель отображения пар ключ/значение

Firebug localStorage documentation

Install Firebug add-on

Answer 3

В Firefox данные сохраняются в webappstore.sqlite в папке профиля FF. Вы можете просмотреть его с помощью SQLite Manager, аддона для FF.

Answer 4

In Chrome pull down Другие инструменты-> Инструменты для разработчиков. В появившейся панели щелкните вкладку «Приложение». В следующем меню вы увидите LocalStorage. Вы можете удалить, Изменить и т. Д.