javascript - localStorage.setItem 在刷新时不持久

Question

我正在尝试使用 HTML5 本地存储做一个 super 简单的 setItem 和 getItem。它似乎只是行不通。这有效:

$(document).ready(function () {
  localStorage.setItem('keyA', 'valueA');
  var testA = localStorage.getItem('keyA');
  alert(testA);
});

它输出一个警告框，上面写着“valueA”。但是，当我注释掉第 2 行(设置项目值)并刷新页面时，它只是警告“null”。

为什么值不持久化？就好像它实际上根本没有被存储。

浏览器是Firefox 6，没问题。这可能与在 jquery document.ready 中调用它有关吗？我用谷歌搜索过，但没有看到任何相关信息。

如果有人能让我克服这个最初的障碍，我将不胜感激，谢谢!

Answer 1

好吧，在经历了很多挫折之后，我找到了解决方案。基本上，我只是从文件系统在本地运行它作为概念的“快速”证明。它在 Firefox 和 IE9 中均无效，但在 Chrome 中有效。

我最终做的是在真实域上进行尝试，这似乎成功了。

所以我可以得出的结论是，在 Firefox(至少 6.0.2)和 IE9 中的 localStorage 在文件系统路径上运行时不起作用。它在 Chrome 中。 Firefox 和 IE9 需要一个“正确的”域才能运行，大概是因为它们在将 localStorate 对象关联到“域”的方式上比 Chrome 更严格(在 Chrome 中它不需要是这样的域)。

我希望这对人们有帮助，因为它让我很沮丧! :)