在Chrome和Firefox中查看HTML5存储空间

Question

如何在Chrome和Firefox中查看HTML5网络存储空间？什么是最好的工具？

Answer 1

在Chrome中尝试检查员。

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

Answer 2

对于Firefox使用Firebug插件。打开Firebug。点击控制台。在命令行中键入： localStorage

对于开发，您还可以使用点符号在Firebug中编辑本地存储。例如：

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

在Firefox 19+你可以直接从控制台检查localStorage的无萤火虫：

inspect(localStorage) 

这将拉动面板显示键/值对

Firebug localStorage documentation

Install Firebug add-on

Answer 3

在Firefox将数据保存到FF配置文件文件夹中的webappstore.sqlite。您可以使用SQLite管理器查看它，它是FF的一个插件。

Answer 4

在Chrome中，下拉更多工具 - >开发者工具。在出现的面板中，单击应用程序选项卡。您将在随后的菜单中看到LocalStorage。你可以删除，编辑等......