JavaScript Usando localStorage


Ejemplo

El objeto localStorage proporciona un almacenamiento de valor-clave persistente (pero no permanente, consulte los límites a continuación) de las cadenas. Cualquier cambio es inmediatamente visible en todas las demás ventanas / marcos desde el mismo origen. Los valores almacenados persisten indefinidamente a menos que el usuario borre los datos guardados o configure un límite de caducidad. localStorage usa una interfaz similar a un mapa para obtener y configurar valores.

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

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

Si desea almacenar datos estructurados simples, puede usar JSON para serializarlos desde y hacia las cadenas para su almacenamiento.

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

Límites de almacenamiento local en los navegadores

Los navegadores móviles:

Navegador Google Chrome Navegador de Android Firefox iOS Safari
Versión 40 4.3 34 6-8
Espacio disponible 10MB 2MB 10MB 5MB

Navegadores de escritorio:

Navegador Google Chrome Ópera Firefox Safari explorador de Internet
Versión 40 27 34 6-8 9-11
Espacio disponible 10MB 10MB 10MB 5MB 10MB