Actualmente, localStorage solo admite strings como valores, y los objetos deben convertirse a strings JSON antes de que se almacenen en localStorage. Los datos almacenados mediante el almacenamiento local no se devuelven al servidor (a diferencia de las cookies). Todos los datos permanecen en el lado del cliente, por lo que existe una limitación definida con respecto a la longitud de los valores, y actualmente podemos almacenar de 2 MB a 10 MB de tamaño de datos según el navegador que usemos.
Sintaxis:
localStorage.setItem ( 'abc', 10 ); // this integer 10 gets converted to a string "10" // and then stored in localStorage variable named "abc".
Código:
Este código es para calcular el tamaño de la variable localStorage.
javascript
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script>
//this script is to find the size of localStorage
function func1(num)
{
return new Array((num * 1024) + 1).join('a')
}
// Determine the size of localStorage if it's not set
if (!localStorage.getItem('size')) {
var i = 0;
try {
// Test up to 10 MB
for (i = 0; i <= 10000; i += 250) {
localStorage.setItem('test', func1(i));
}
} catch (e) {
localStorage.removeItem('test');
localStorage.setItem('size', i ? i - 250 : 0);
}
}
// when window is loaded this function is
// called and the size of localStorage is calculated
window.onload = function calculate(){
var el = document.getElementById('size');
el.innerHTML = localStorage.getItem('size');
}
</script>
</head>
<body>
<div >
localStorage limit in your Browser is
<span id="size">...</span> KBs.
</div>
</body>
</html>
Producción:
localStorage limit in your Browser is 5000 KBs.
Explicación:
Este código javascript se ejecutará agregando strings de longitud cada vez mayores hasta que el motor del navegador arroje una excepción. Después de este punto, borrará los datos de prueba y establecerá una clave de tamaño en localStorage que almacenará el tamaño de localStorage en kilobytes (KB).
Referencia: https://www.geeksforgeeks.org/html-dom-storage-setitem-method/
Publicación traducida automáticamente
Artículo escrito por nakulgupta112233 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA