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中它不需要像域一樣）。

我希望這對人們有所幫助，因為它讓我感到沮喪！ :)