☰

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

tag-icon • tag-icon google-chrome html5 local-storage
清除特定页面上的 HTML5 本地存储

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

答案1

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

chrome://settings/siteData

现在，您可以输入站点名称，选择本地存储，然后单击“删除”以清除站点的本地存储

在此处输入图片描述

答案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（假设这是您所在的页面），则它会清除该站点上所有其他页面的 localStorage。请参阅HTML5Goodies - 一窥 HTML 5 中的本地数据存储了解更多信息。

答案3

Local StorageChrome 尚未提供管理 HTML5 本地存储的界面，因此若要在Chrome中删除本地存储，您需要手动搜索并删除用户数据您可以通过查找包含域名的文件来找到它。

您还可以使用删除 cookies 以及其他网站和插件数据进入清除浏览数据对话框（chrome://chrome/settings/clearBrowserData或Ctrl++ Shift）Delete，但是它不能为您提供站点级别的细粒度控制。

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

答案4

如果你有铬合金开发者工具您可以查看或更改 localStorage 值

  • F12或者CtrlShiftI或者⌘OptI
  • 应用
  • 贮存
  • 本地存储

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

在此处输入图片描述

突出显示键/值对并单击X如果您想删除它们。

相关内容