在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而无需Firebug：

inspect(localStorage)

这将拉出显示键/值对的面板

Firebug localStorage documentation

Install Firebug add-on

Answer 3

在 Firefox 中，数据将保存到FF配置文件文件夹中的webappsstore.sqlite。您可以使用SQLite Manager（FF的插件）查看它。

Answer 4

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