清除特定页面上的 HTML5 本地存储

Question

是否可以清除特定网页上的 HTML5 本地存储？我在http://jsfiddle.net上编辑了一个 Javascript 演示，我重新排列了窗口，使其中一个无法调整大小。在这种情况下，是否可以清除特定页面上的本地存储？

Answer 1

Chrome 现在提供了一个选项来清除特定站点的本地存储。为此，请在多功能框中输入

chrome://settings/siteData

现在，您可以键入站点名称，选择本地存储并单击删除以清除站点的本地存储

Answer 2

虽然 Chrome 没有提供用于清除 localStorage 的 UI，但有一个 API 可以清除网站上的特定键或整个 localStorage 对象。

//Clears the value of MyKey
window.localStorage.removeItem("MyKey");

//Clears all the local storage data
window.localStorage.clear();

默认情况下，每个 Chrome 浏览器都安装了 JavaScript 控制台。因此，清除 localStorage 的另一种方法，也许是最简单的方法是右键单击页面，单击“检查元素”，然后单击“控制台”选项卡。当控制台打开时，键入以下 JavaScript，然后按 Enter：

window.localStorage.clear()

完成后，localStorage 将被清除。请注意，这会影响单个域上的所有网页，因此如果您清除 jsfiddle.net/index.html 的 localStorage（假设这是您所在的页面），那么它会清除该站点上所有其他页面的它。有关详细信息，请参阅HTML5Goodies - HTML 5 中的本地数据存储概览。

Answer 3

Chrome 还没有提供管理 HTML5 local-storage 的接口，因此要在 Chrome 中删除 local-storage，您需要手动搜索并删除User DataLocal Storage子目录中的文件。您可以通过查找包含域名的文件来找到它。

您还可以在清除浏览数据对话框（或+ + ）中使用删除 cookie 和其他站点和插件数据条目，但它不会为您提供站点级别的细粒度控制。chrome://chrome/settings/clearBrowserDataCtrlShiftDelete

作为记录，jsfiddle.net 不使用本地存储作为其框架，它使用标准 cookie，您可以在chrome://chrome/settings/cookies. 只需jsf在编辑框中键入，然后单击window_sizescookie，然后单击[Remove]按钮。要删除 中的所有 cookie jsfiddle.net，只需单击jsfiddle条目（不是任何特定的 cookie），然后按Delete。

Answer 4

您还可以使用以下命令通过开发人员窗口中的控制台清除它localStorage.clear()：

Answer 5

如果您有Chrome开发者工具，您可以查看或更改 localStorage 值

\n\n

\n
• F12或CtrlShiftI或\xe2\x8c\x98OptI
\n
• 应用
\n
• 贮存
\n
• 本地存储
\n

\n\n

它是按域组织的。（localStorage 特定于域，而不是页面。）

\n\n

\n\n

如果要删除它们，请突出显示键/值对并单击X。

\n

Answer 6

我还不能发表评论，但自最新的 Chrome 更新以来，接受的答案不再是 100% 准确的。Chrome 的所有设置都采用了新的材质外观；清除指定主机的所有本地存储的链接现在略有不同：

chrome://settings/siteData