Begrip: Web Storage

De Web Storage API biedt een manier om gegevens op te slaan in de browser van de gebruiker.

Web Storage is bedoeld om eenvoudige string gegevens op te slaan die je als geheel wilt ophalen en die eenvoudig reproduceerbaar zijn. De hoeveelheid data die via Web Storage kan worden opgeslagen, is beperkt tot ongeveer 5 MB per origin (protocol (http/https) + domain + poort), verder kan de browser deze gegevens automatisch wissen als er een tekort aan opslagruimte is.

Web Storage wordt opgedeeld in twee verschillende opslagmethoden: localStorage en sessionStorage. LocalStorage is persistent doorheen verschillende sessies, terwijl sessionStorage alleen geldig is voor de huidige sessie. Dit betekent dat gegevens die in localStorage zijn opgeslagen, beschikbaar blijven, zelfs als de gebruiker het tabblad of de browser sluit. SessionStorage daarentegen is alleen beschikbaar zolang het tabblad niet afgesloten wordt. Als localStorage gebruikt wordt in incognito-modus, is de opslag ook tijdelijk en wordt deze gewist zodra het venster gesloten wordt, de data is dus langer beschikbaar dan sessionsStorage, maar niet zo lang als localStorage in een normaal venster.

Data die in localStorage bewaard is, blijft gegarandeerd bestaan tot dat (a) de gebruiker de browsergeschiedenis wist of (b) de maximale opslag voor de origin bereikt is of (c) de totale maximale opslag voor de Storage API bereikt is (tussen de 10 en 60% van de totale schrijfruimte, afhankelijk van de browser).

// Analoge API voor sessionStorage
window.localStorage.setItem('key', 'value')
window.localStorage.getItem('key')
window.localStorage.removeItem('key')
window.localStorage.clear()