web-dev-qa-db-fra.com

Comment afficher / supprimer le stockage local dans Firefox?

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 at-il un outil ou quelque chose à faire la même chose dans Firefox?

firefoxfirefox-addonlocal-storagebrowser-extension
182
Ryan

Vous pouvez supprimer les éléments localStorage un à un en utilisant Firebug (une extension de développement Web utile) ou la console pour développeurs de Firefox.

Méthode Firebug

  1. Ouvrez Firebug (cliquez sur la petite icône de bogue en bas à droite)
  2. Aller sur l'onglet DOM
  3. Faites défiler et développez localStorage
  4. Cliquez avec le bouton droit sur l'élément que vous souhaitez supprimer et appuyez sur Supprimer la propriété.

Méthode de la console de 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 de l'inspecteur de stockage

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

266
AlexMA

À partir de Firefox 34, vous avez maintenant une option pour Inspecteur du stockage , que vous pouvez activer à partir de paramètres des outils de développement

Une fois là, vous pouvez activer les options Storage sous Outils de développement par défaut de Firefox

Mis à jour le 27-3-16

Firefox 48.0a1 supporte maintenant l'édition de cookies.

Mis à jour le 3-4-16

Firefox 48.0a1 supporte maintenant les éditions localStorage et sessionStorage.

Mis à jour le 02-08-16

Firefox 48 (version stable) et les versions ultérieures prennent en charge l'édition de tous les types de stockage, sauf IndexedDB

49
Rahil Wazir

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

Vous pouvez utiliser cette ligne de code pour vous débarrasser du contenu local des stockeurs stocké dans les navigateurs. Il suffit de l'exécuter dans votre console javascript:

localStorage.clear();
41
Thariama

Comme 'localStorage' n'est qu'un autre objet, vous pouvez: créer, afficher et modifier celui-ci dans la 'Console'. Entrez simplement 'localStorage' en tant que commande et appuyez sur Entrée, une chaîne contenant les paires clé-valeur de localStorage sera affichée (Conseil: cliquez sur cette chaîne pour obtenir une sortie formatée, c.-à-d. Pour afficher chaque paire clé-valeur dans chaque ligne).

11
Eddie Kumar

Il existe maintenant un excellent plugin pour Firebug qui clone cette fonctionnalité Nice en chrome. Check-out:

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

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

10
Fractalf

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

[Exception ... "Le composant n'est pas disponible" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" emplacement: "JS frame :: code eval du débogueur :: :: ligne 1" données: non]

Ce qui a fonctionné était:

window.content.localStorage
5
myusuf

Essayez ceci, ça marche pour moi:

var storage = null;
setLocalStorage();

function setLocalStorage() {
    storage = (localStorage ? localStorage : (window.content.localStorage ? window.content.localStorage : null));

    try {
        storage.setItem('test_key', 'test_value');//verify if posible saving in the current storage
    }
    catch (e) {
        if (e.name == "NS_ERROR_FILE_CORRUPTED") {
            storage = sessionStorage ? sessionStorage : null;//set the new storage if fails
        }
    }
}
1
E. Varela