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é.

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

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

Méthode Firebug

1. Ouvrez Firebug (cliquez sur la petite icône de bogue en bas à droite)
2. Allez dans l'onglet DOM
3. Faites défiler vers le bas 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 Developer Console

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 dispose désormais d'un inspecteur de stockage intégré, que vous devrez peut-être activer manuellement. Voir la réponse du rahilwazir ci-dessous.

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

Une fois sur place, vous pouvez activer les Storageoptions sous Outils de développement Firefox par défaut

Mis à jour le 27-3-16

Firefox 48.0a1 prend désormais en charge l'édition des cookies.

Mise à jour 3-4-16

Firefox 48.0a1 prend désormais en charge l'édition localeStorage et sessionStorage.

Mis à jour le 02-08-16

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

Pour inspecter vos éléments 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 localStorage des navigateurs. Exécutez-le simplement dans votre console javascript:

localStorage.clear();

Comme 'localStorage' n'est qu'un autre objet, vous pouvez: le créer, l'afficher et le modifier dans la 'Console'. Entrez simplement 'localStorage' comme commande et appuyez sur Entrée, il affichera une chaîne contenant les paires clé-valeur de localStorage (Astuce: cliquez sur cette chaîne pour une sortie formatée, c'est-à-dire pour afficher chaque paire clé-valeur dans chaque ligne).

Il existe maintenant un excellent plugin pour Firebug qui clone cette fonctionnalité intéressante dans 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

Je ne pouvais pas utiliser localStoragedirectement 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 :: debugger eval code :: :: line 1" data: no]

Ce qui a fonctionné était:

window.content.localStorage

Essayez ceci, cela fonctionne 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
        }
    }
}