Web Storage

localStorage przechowuje dane dla danego origin między sesjami. sessionStorage jest związane również z sesją karty. Oba API przechowują stringi i działają synchronicznie.

localStorage.setItem('settings', JSON.stringify({ theme: 'dark' }));
const settings = JSON.parse(localStorage.getItem('settings') || '{}');

Doprecyzowanie: użytkownik lub przeglądarka mogą usunąć dane, a zapis może się nie udać. Dla większych i strukturalnych danych lepiej pasuje asynchroniczne IndexedDB.

Pułapka: storage nie jest bezpiecznym sejfem na sekrety — skrypt działający w tym origin może mieć do niego dostęp. W odróżnieniu od cookies, dane Web Storage nie są automatycznie wysyłane z requestem.