JavaScript Utiliser localStorage


Exemple

L'objet localStorage fournit un stockage de clé-valeur persistant (mais pas permanent - voir les limites ci-dessous) des chaînes. Toute modification est immédiatement visible dans toutes les autres fenêtres / cadres de la même origine. Les valeurs stockées sont persistantes indéfiniment, à moins que l'utilisateur n'efface les données enregistrées ou configure une limite d'expiration. localStorage utilise une interface de type carte pour obtenir et définir des valeurs.

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

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

Si vous souhaitez stocker des données structurées simples, vous pouvez utiliser JSON pour les sérialiser vers et depuis des chaînes de stockage.

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 } ]

limites de localStorage dans les navigateurs

Navigateurs mobiles:

Navigateur Google Chrome Navigateur Android Firefox iOS Safari
Version 40 4.3 34 6-8
Espace disponible 10Mo 2 Mo 10Mo 5MB

Navigateurs de bureau:

Navigateur Google Chrome Opéra Firefox Safari Internet Explorer
Version 40 27 34 6-8 9-11
Espace disponible 10Mo 10Mo 10Mo 5MB 10Mo