Sam & Max » html 5 http://sametmax.com Du code, du cul Sat, 07 Nov 2015 10:56:13 +0000 en-US hourly 1 http://wordpress.org/?v=4.1 Stockez vos données dans le navigateur de l’utilisateur avec localStorage (HTML 5). 4 http://sametmax.com/stockez-vos-donnees-dans-le-navigateur-de-lutilisateur-avec-localstorage-html-5/ http://sametmax.com/stockez-vos-donnees-dans-le-navigateur-de-lutilisateur-avec-localstorage-html-5/#comments Sat, 28 Apr 2012 22:12:19 +0000 http://sametmax.com/?p=458 Pour un projet récent que nous avons fait, nous nous sommes interressé à cette mignone petite fonctionnalité du HTML 5: le localStorage (voir les spécifications HTML 5) .
Son utilisation est plus que simple et ça peut rendre de grands services.

Voici les principes de bases pour vérifier si le navigateur supporte cette fonctionnalité, stocker une valeur, lire une valeur, effacer une valeur et bien sur tout casser.

Liste des navigateurs qui supporte le localStorage:
IE(8+) Firefox(3.5+) Safari(4.0+) Chrome(4.0+) Opera(10.5+) IPhone(2.0+) Android(2.0+)

Tester si le navigateur support localStorage:

function support_localstorage()  
{  
    if (localStorage)  
        return "Local Storage: Supported";  
    else  
        return "Local Storage: Unsupported";  
}

Sauver des données:

localStorage.setItem("key1", "Sam et Max ça déchire");
ou  
localStorage["key1"] = "Sam et Max ça déchire";

Lire des données:

var mydata = localStorage.getItem("key1");  
var mydata = localStorage["key1"];

Lister toutes les données:

for (i=0; i<=localStorage.length-1; i++){
    key = localStorage.key(i) 
    mydatas = localStorage.getItem(key);
}

Effacer des données:

void localStorage.removeItem("key1");

Tout effacer:

localStorage.clear();

Comme vous avez pu le constater c’est très simple d’utilisation (ça me fait penser un peu à REDIS) et ça peut rendre pas mal de services.
Attention quand même à ne pas saturer l’espace qui vous est réservé (environ 5MB) pour celà pensez à effacer les données qui ne vous servent plus.

]]>
http://sametmax.com/stockez-vos-donnees-dans-le-navigateur-de-lutilisateur-avec-localstorage-html-5/feed/ 4