为什么不localStorage的在Chrome坚持？(Why isn't localSto

我想学习如何使用localStorage的JS对象用下面的代码。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function saveStuff() {
    sessionStorage.setItem('sessionKey', 'sessionValue');
    localStorage.setItem('localKey', 'localValue');
}
</script>
</head>
<body>
<button type="button" onclick="saveStuff()">Save</button>
</body>
</html>

我知道这并不总是与文件工作：///所以我用猫鼬为它服务了。当我点击保存按钮，结果看起来是正确的，以我在Chrome的JavaScript控制台。然而，当我按刷新本地和会话存储被清除，我期待本地存储值持续。这发生在两个http://127.0.0.1/和http://localhost/ 。

有谁知道为什么会发生？在设置，内容设置我选择“允许本地数据设置（推荐）”和取消选中“阻止第三方Cookie和网站数据”。我失去了我的代码的东西吗？

（铬版23.0.1271.64米）

Answer 1:

好。由于必须去pimvdb在这一个，但这里的解决方案。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function saveStuff() {
    sessionStorage.setItem('sessionKey', 'sessionValue');
    localStorage.setItem('localKey', 'localValue');
}
localStorage.getItem('localKey');
sessionStorage.getItem('sessionKey');
</script>
</head>
<body>
<button type="button" onclick="saveStuff()">Save</button>
</body>
</html>

摘要似乎是，你必须尝试以坚持它的关键一读。

结论：WTF。

Answer 2:

我无法弄清楚，为什么我不能看到我的东西localStorage的开发工具，而且打字的时候可以看到它在控制台localStorage 。好吧，如果你存储与开发工具开放的东西，你不会看到Application -> Local Storage为您的主机中列出任何东西。当我关闭/重新开发工具，我可以看到我的数据。

所以，综上所述，关闭/重新开发工具。

文章来源: Why isn't localStorage persisting in Chrome?