AccueilđŸ‡«đŸ‡·Chercher

Stockage web local

Le stockage web local ou stockage DOM (Document Object Model), ou encore localStorage, est une technique d'enregistrement de donnĂ©es dans un navigateur web. Le stockage web local permet l'enregistrement persistant, comme avec les cookies mais avec une capacitĂ© bien plus grande, et sans avoir Ă  rajouter de donnĂ©es dans l'entĂȘte de requĂȘte HTTP.

Il existe deux types de stockage web local : le stockage local et le stockage de session, Ă©quivalant respectivement aux cookies persistants et aux cookies de session[1].

Contrairement aux cookies, les donnĂ©es en localStorage ne sont pas transmises automatiquement dans un en-tĂȘte Ă  chaque requĂȘte HTTP rĂ©alisĂ©e vers le serveur. Elles sont conservĂ©es localement par le navigateur et sont accessibles avec une API JavaScript.

API localStorage

L'API JavaScript permet la sauvegarde de couples clĂ©-valeur, les clĂ©s et valeurs Ă©tant obligatoirement des chaĂźnes de caractĂšres (string). Des objets peuvent ĂȘtre stockĂ©s aprĂšs conversion en string avec par exemple JSON.stringify(object) puis restaurĂ©s depuis une string avec JSON.parse(str).

Principales méthodes de l'API (localStorage implante l'interface Storage) :

  • localStorage.setItem(key, value) pour associer value Ă  key
  • let a = localStorage.getItem(key) pour rĂ©cupĂ©rer la valeur associĂ©e Ă  key (retourne nul si la clĂ© n'est pas prĂ©sente)
  • localStorage.removeItem(key) pour supprimer une correspondance
  • localStorage.clear() pour effacer toutes les clĂ©s
  • localStorage.length renvoie le nombre de clĂ©s stockĂ©es
  • localStorage.key(i) renvoie la clĂ© d'indice n (n Ă©tant compris entre 0 et localStorage.length

Ces mĂ©thodes peuvent Ă©galement ĂȘtre utilisĂ©es avec sessionStorage qui implante Ă©galement l'interface Storage ; contrairement Ă  localStorage, sessionStorage rĂ©alise un stockage transitoire qui expire lorsque le navigateur est fermĂ©.

Limite de taille
La taille des cookies est limitée à 4 ko. Celle du localStorage dépend des navigateurs :
NavigateurTaille du localStorage
Opera 10.50+5 Mo[2]
Safari 85 Mo[3]
Firefox 3410 Mo[3] (anciennement 5 Mo par origine en 2007[4])
Google Chrome10 Mo par origine[5]
Internet Explorer10 Mo par aire de stockage[6]

Références
  1. (en) Michael Mahemoff, « "Offline": What does it mean and why should I care? »,
  2. « Dev.Opera — Web Storage: Easier, More Powerful Client-Side Data Storage », sur dev.opera.com
  3. Eiji Kitamura Published: January 28th, 2014 Updated: January 28th et 2014 Comments: 0 Your browser may not support the functionality in this article, « Working with quota on mobile browsers: A research report on browser storage - HTML5 Rocks », sur HTML5 Rocks - A resource for open web HTML5 developers
  4. John Resig: DOM Storage. John Resig, ejohn.org. Retrieved on 2011-06-12.
  5. « Issue 21680002: Up the window.localstorage limit to 10M from 5M. - Code Review », sur chromiumcodereview.appspot.com
  6. Introduction to Web Storage. Microsoft Developer Network, msdn.microsoft.com. Retrieved on 2014-08-05.
Cet article est issu de wikipedia. Text licence: CC BY-SA 4.0, Des conditions supplĂ©mentaires peuvent s’appliquer aux fichiers multimĂ©dias.