localStorage.setItem不会持久刷新

Question

我正在尝试使用HTML5本地存储来执行一个简单的setItem和getItem。 它似乎没有工作。 这有效：

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

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

为什么价值不持久？ 就像它实际上根本没有存储一样。

浏览器是Firefox 6，所以没问题。 可以在jquery document.ready中调用它吗？ 我用谷歌搜索但却看不到任何相关内容。

如果有人能让我超过这个最初的障碍，我将非常感激，谢谢！

Answer 1

好吧，经过很多挫折我有解决方案。 基本上，我只是从文件系统本地运行它作为“快速”概念证明。 它在Firefox和IE9中都不起作用，但它确实在Chrome中有效。

我最终做的是在一个真实的域上尝试这个，这似乎已经成功了。

因此，我可以得出的结论是Firefox中的localStorage（至少6.0.2）和IE9在文件系统路径上运行时不起作用。 它在Chrome中。 Firefox和IE9需要一个“适当的”域来运行，大概是因为它们将localStorate对象与“域”相关联的方式比Chrome更严格（在Chrome中它不需要像域一样）。

我希望这对人们有所帮助，因为它让我感到沮丧！ :)