使用 localStorage

localStorage 物件提供字串的永續性(但不是永久性的 - 請參閱下面的限制)鍵值儲存。任何更改都會立即顯示在同一來源的所有其他視窗/框架中。除非使用者清除已儲存的資料或配置到期限制,否則儲存的值將無限期持久儲存。localStorage 使用類似於地圖的介面來獲取和設定值。

localStorage.setItem('name', "John Smith");
console.log(localStorage.getItem('name')); // "John Smith"

localStorage.removeItem('name');
console.log(localStorage.getItem('name')); // null

如果要儲存簡單的結構化資料,可以使用 JSON 將其序列化為字串以進行儲存。

var players = [{name: "Tyler", score: 22}, {name: "Ryan", score: 41}];
localStorage.setItem('players', JSON.stringify(players));

console.log(JSON.parse(localStorage.getItem('players')));
// [ Object { name: "Tyler", score: 22 }, Object { name: "Ryan", score: 41 } ]

瀏覽器中的 localStorage 限制

移動瀏覽器:

瀏覽器 谷歌瀏覽器 Android 瀏覽器 Firefox iOS Safari
40 4.3 34 6-8
可用空間 10MB 2MB 10MB 5MB

桌面瀏覽器:

瀏覽器 谷歌瀏覽器 Opera Firefox 蘋果瀏覽器 IE 瀏覽器
40 27 34 6-8 9-11
可用空間 10MB 10MB 10MB 5MB 10MB