localStorage

Le stockage localStorage permet d'enregistrer des paires clé/valeur dans le navigateur.

• Les entrées stockées dans localStorage survivent à une actualisation de la page.
• Les entrées stockées dans localStorage survivent également à un redémarrage complet du navigateur.

Mais on a déjà les cookies ? Pourquoi diable utiliser localStorage ?

• Contrairement aux cookies, localStorage n'est pas envoyé au serveur à chaque requête. Ce qui permet d'y stocker beaucoup plus de données. La plupart des navigateurs autorisent au moins 5mb de données (voir plus).
• Contrairement aux cookies, localStorage n'est pas manipulable côté serveur. Tout se fait côté client (navigateur), via JavaScript.
• L'accès au localStorage est restreint par défaut. Chaque sous-domaine, chaque port, a son propre localStorage.

  Par exemple monsite.fr ne peut pas accéder au localStorage de hotline.monsite.fr, et vice versa.

Autre précision, et pas des moindres, localStorage fournit déjà toutes les méthodes pour :

• Créer / modifier une entrée : setItem(key, value)
• Accéder à une entrée : getItem(key)
• Supprimer une entrée : removeItem(key)
• Supprimer toutes les entrées : clear()
• Compter le nombre d'entrées : length