Comment afficher/supprimer le stockage local dans Firefox ?

Question

Dans Google Chrome, il existe un moyen simple de voir ce qui se trouve dans le stockage local, ainsi que de le modifier ou de le supprimer après l'avoir inspecté.

Y a-t-il un moyen de faire la même chose dans Firefox ?

Answer 1

Vous pouvez supprimer les éléments de localStorage un par un en utilisant Firebug (une extension utile pour le développement web) ou la console du développeur de Firefox.

Méthode Firebug

1. Ouvrez Firebug (cliquez sur la petite icône représentant un insecte en bas à droite).
2. Allez dans l'onglet DOM
3. Faites défiler l'écran jusqu'à LocalStorage et développez-le
4. Cliquez avec le bouton droit de la souris sur l'élément que vous souhaitez supprimer et appuyez sur Supprimer la propriété.

Méthode de la console du développeur

Vous pouvez entrer ces commandes dans la console :

localStorage; // click arrow to view object's properties
localStorage.removeItem("foo"); 
localStorage.clear(); // remove all of localStorage's properties

Méthode d'inspection du stockage

Firefox dispose désormais d'un inspecteur de stockage intégré, que vous devrez peut-être activer manuellement. Voir la réponse de rahilwazir ci-dessous.

Answer 2

Pour inspecter les éléments de votre LocalStorage, vous pouvez taper console.log(localStorage); dans votre console javascript (firebug par exemple ou dans les nouvelles versions de FF la console js livrée).

Vous pouvez utiliser cette ligne de code pour vous débarrasser du contenu du LocalStorage du navigateur. Il suffit de l'exécuter dans votre console javascript :

localStorage.clear();

Answer 3

Comme 'localStorage' est un objet comme les autres, vous pouvez le créer, le visualiser et le modifier dans la 'Console'. Il suffit d'entrer 'localStorage' comme commande et d'appuyer sur la touche Entrée pour afficher une chaîne contenant les paires clé-valeur de localStorage (Conseil : cliquez sur cette chaîne pour obtenir une sortie formatée, c'est-à-dire pour afficher chaque paire clé-valeur sur chaque ligne).

Answer 4

Il existe désormais un excellent plugin pour Firebug qui reproduit cette fonctionnalité dans Chrome. Consultez-le :

https://addons.mozilla.org/en-US/firefox/addon/firestorage-plus/

Il est développé par Nick Belhomme et mis à jour régulièrement.

Answer 5

Je ne pouvais pas utiliser localStorage directement dans la console de Firefox (v27). J'ai obtenu l'erreur suivante :

[Exception... "Le composant n'est pas disponible" nsresult : "0x80040111 (NS_ERROR_NOT_AVAILABLE)" localisation : "JS frame : : debugger eval code : : : : line 1" data : no]

Ce qui a marché, c'est :

window.content.localStorage