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

Chrome现在提供了清除特定站点的本地存储的选项。为此，在全局框中输入这个选项

chrome://settings/siteData

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

虽然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控制台。因此，另一种方法，也可能是最简单的方法，就是在页面上点击右键，点击 “检查元素"，然后点击 "控制台 "选项卡。当控制台打开后，键入以下JavaScript，然后按回车键：

window.localStorage.clear()

一旦完成，localStorage将被清除。注意，这将影响到一个域上的所有网页，所以如果你清除了jsfiddle.net/index.html的localStorage（假设你的网页是在这个页面上），那么它就会清除该网站上的所有其他页面。更多信息请参见HTML5Goodies - A Peek into Local Data Storage in HTML 5。

Chrome浏览器还没有提供管理HTML5本地存储的接口，所以要在Chrome浏览器中删除本地存储，需要在用户数据中的Local Storage子目录中手动搜索并删除该文件。你可以通过查找包含该域名的文件来找到它。

你也可以在清除浏览数据对话框（chrome://chrome/settings/clearBrowserData或Ctrl+Shift+Delete）中的删除cookie和其他网站和插件数据入口，但是它并不能给你在网站级别的精细控制。只需在编辑框中输入chrome://chrome/settings/cookies，然后点击jsf cookie，再点击window_sizes按钮。要删除[Remove]处的所有cookie，只需点击jsfiddle.net条目（而不是任何spefcific cookie），然后按Delete。

你也可以通过开发者窗口中的控制台，用命令localStorage.clear():

我现在还不能评论，但自从Chrome最新更新后，接受的答案已经不是100%准确了。Chrome的所有设置都有了新的材料外观；而清除指定主机的所有本地存储的链接现在略有不同：

chrome://settings/siteData

如果你有 Chrome **Developer Tools* ，你可以查看或更改localStorage的值

• F12或CtrlShiftI或⌘OptI
• Application
• Storage
• Storage
• Local Storage 它是按域组织的。(localStorage是特定于一个域，而不是一个页面。)

高亮显示键/值对，如果要删除它们，请点击***X*。

答案是* chrome://settings/siteData 对我没用

我在Chrome浏览器61版本中是这样做的：

1.chrome://settings/content/cookies 2.向下滚动到所有cookie和网站数据，在 “搜索cookie "输入中输入 "localhost” 3.然后点击删除所有显示的cookie，或者点击删除按钮

这样可以清除不仅是cookie，还可以清除本地存储和你的本地数据库。