如何在Chrome和Firefox浏览器中查看HTML Web存储

Question

我该如何在Chrome和Firefox中查看HTML Web存储？

- MatBanik

Answer 1

可以在Chrome中尝试使用检查器。

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

- 最白目

---

Ctrl + Shift + I（Firefox和Chrome的键盘快捷键）意为按下“Ctrl”、“Shift”和“I”这三个键，可用于打开浏览器的开发者工具。 - mbokil

这只是针对当前网站，还是所有的东西？ - BJury

这是针对当前网站的，因为 localstorage 与其绑定。对于基于 Chromium 的浏览器，本地存储现在位于：右键单击页面>检查元素>应用程序->本地存储。 - dahrens

Answer 2

使用Firefox浏览器需要安装Firebug插件。打开Firebug后，点击控制台。在命令行中输入：

localStorage

进行开发时，还可以使用点号表示法在Firebug中编辑本地存储。例如：

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

在Firefox 19+中，您可以直接从控制台检查localStorage，无需使用Firebug：

inspect(localStorage)

这将打开一个面板，显示键/值对。 Firebug本地存储文档 安装Firebug插件

- mbokil

---

Firebug与FireStorage配合使用效果很好。 - Cees Timmerman

Answer 3

在Firefox中，数据保存在FF配置文件夹中的webappstore.sqlite文件中。你可以使用SQLite Manager（FF浏览器的插件）查看它。

- user136036

Answer 4

在Chrome中，下拉菜单选择更多工具->开发者工具。在出现的面板中，点击应用程序选项卡。接着，在后续菜单中可以看到LocalStorage。你可以删除、编辑等操作。

- user1585561