Gestionnaire LocalStorage

Voir, ajouter, modifier et supprimer les éléments localStorage avec suivi de la taille

Qu'est-ce que c'est et comment ça marche ?

L'API Web Storage fournit aux navigateurs deux mécanismes pour stocker des paires clé-valeur localement : `localStorage` (persiste jusqu'à effacement explicite) et `sessionStorage` (effacé à la fermeture de l'onglet). Contrairement aux cookies, les données de Web Storage ne sont jamais automatiquement envoyées au serveur.

Cet outil fournit une interface visuelle pour inspecter, ajouter, modifier, supprimer, importer et exporter les entrées localStorage. Précieux pour déboguer les applications web sans ouvrir les DevTools.

Cas d'usage

• Inspection de token d'authentification : vérifier quel JWT ou token de session votre application web stocke dans localStorage.
• Débogage de l'état de l'application : inspecter l'état JSON-sérialisé que les applications React/Vue stockent dans localStorage.
• Inspection de variante de test A/B : de nombreux outils de test A/B stockent les indicateurs de fonctionnalités et les affectations de variantes dans localStorage.

Questions fréquentes

Quelle est la différence entre localStorage et sessionStorage ?

`localStorage` persiste indéfiniment. `sessionStorage` est effacé à la fermeture de l'onglet (chaque onglet a son propre sessionStorage). Les deux sont limités au domaine et ne sont jamais envoyés au serveur.

Combien de données localStorage peut-il contenir ?

Les navigateurs autorisent généralement 5 Mo par origine. Les valeurs supérieures déclenchent `QuotaExceededError`. localStorage ne stocke que des chaînes — les objets JSON doivent être sérialisés avec `JSON.stringify`.

localStorage est-il sécurisé ?

localStorage n'a pas de chiffrement intégré — tout JavaScript sur la même origine peut lire toutes les données. Ne jamais stocker de JWTs dans localStorage — utiliser des cookies `HttpOnly` à la place.

Quelles sont les alternatives à localStorage ?

Cookies : envoyés avec chaque requête HTTP, limite 4 Ko, peuvent être HttpOnly. IndexedDB : base de données transactionnelle pour grandes données structurées. API Cache : pour la mise en cache des réponses HTTP dans les Service Workers.

Utilitaires

Générateur de mot de passe · Générateur de QR code · Chronomètre · Minuteur · Calculatrice · Générateur de nombre aléatoire