Como visualizar / excluir armazenamento local no Firefox?

184

No Google Chrome, existe uma maneira fácil de ver o que há no armazenamento local, além de modificá-lo ou excluí-lo após inspecioná-lo.

Existe uma maneira de fazer o mesmo no Firefox?

Ryan
fonte
Possível, mas indo para esse link eu instalei esse plug-in e ele não faz nada para mim :( #
Ryan
5
Para as pessoas que fecharam esta pergunta: esta é uma boa pergunta, apesar das regras (nem sempre as regras são boas), votadas por centenas de usuários (tanto a pergunta quanto a resposta aceita). Não há razão para fechá-lo. Você deveria reabri-lo.
Luca Reghellin

Respostas:

268

Você pode excluir itens de armazenamento local um por um usando o Firebug (uma extensão útil de desenvolvimento da web) ou o console do desenvolvedor do Firefox.

Método Firebug

  1. Abra o Firebug (clique no pequeno ícone de bug no canto inferior direito)
  2. Vá para a guia DOM
  3. Role para baixo e expanda localStorage
  4. Clique com o botão direito do mouse no item que deseja excluir e pressione Excluir Propriedade.

Método do console do desenvolvedor

Você pode inserir estes comandos no console:

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

Método do Inspetor de armazenamento

O Firefox agora possui um inspetor de armazenamento interno, que talvez você precise ativar manualmente. Veja a resposta de rahilwazir abaixo.

AlexMA
fonte
Existe alguma maneira de excluir todos os itens do armazenamento local, sem a necessidade de clicar (duas vezes) em cada linha?
Pavel S.
6
você pode digitar localStorage = []; usando seu console java
Thariama
isso está quebrado além da esperança. baixe um filme em mega.co.nz e clique em DOM no firebug ... veja o firefox em chamas.
gcb
4
Observe que nas versões recentes o Firefox possui um console JavaScript embutido ("Console da Web"), portanto, não é necessário instalar o Firebug para fazer isso.
Richard Turner
2
@Thariama s / console java / console javaScript
tuxayo
50

A partir do Firefox 34, agora você tem uma opção para o Storage Inspector , que pode ser ativado nas configurações das ferramentas do desenvolvedor

Uma vez lá, você pode ativar as Storageopções em Ferramentas padrão do desenvolvedor do Firefox

Atualizado 27-3-16

O Firefox 48.0a1 agora suporta a edição de cookies.

Atualizado 3-4-16

O Firefox 48.0a1 agora suporta edição localStorage e sessionStorage.

Atualizado 02-08-16

O Firefox 48 (versão estável) e versões posteriores suportam a edição de todos os tipos de armazenamento, exceto o IndexedDB

Rahil Wazir
fonte
5
No Firefox 38, infelizmente, o Storage Inspector é somente leitura.
Tag26 /
4
@tagawa O Storage Inspector é lido apenas por padrão, mas o Firefox disse que está trabalhando no desenvolvimento da ferramenta para que os desenvolvedores possam editar seus conteúdos de armazenamento no futuro. Veja elegantthemes.com/blog/resources/…
Rahil Wazir
2
Uma observação para os usuários da versão localizada alemã do Firefox. Nas ferramentas padrão do desenvolvedor do Firefox, você encontra o item "Speicher" duas vezes. O segundo é o Gerenciador de Armazenamento.
precisa saber é o seguinte
41

Para inspecionar seus itens localStorage, digite console.log(localStorage);seu console javascript (firebug, por exemplo, ou em novas versões FF, o console js enviado).

Você pode usar esta linha de código para se livrar do conteúdo localStorage do navegador. Basta executá-lo no seu console javascript:

localStorage.clear();
Thariama
fonte
2
Observe que nas versões recentes o Firefox possui um console JavaScript embutido ("Console da Web"), portanto, não é necessário instalar o Firebug para fazer isso.
Richard Turner
4
O Firefox agora também possui o inspecionar (Object), que funciona no localStorage, e fornece uma boa visualização em árvore editável dos dados armazenados nele.
rfinz
Esse trabalho, mas apenas para o domínio na guia. E se você deseja exibir o armazenamento local sem filtrar?
minutos
11

Como 'localStorage' é apenas outro objeto, você pode: criar, visualizar e editar no 'Console'. Basta digitar 'localStorage' como um comando e pressionar enter; ele exibirá uma sequência contendo os pares de valores-chave de localStorage (Dica: Clique nessa sequência para obter saída formatada, ou seja, para exibir cada par de valores-chave em cada linha).

Eddie Kumar
fonte
6

Não pude usar localStoragediretamente no console do Firefox (v27). Eu recebi o erro:

[Exceção ... "O componente não está disponível" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: código de avaliação do depurador :: :: linha 1" data: no]

O que funcionou foi:

window.content.localStorage
myusuf
fonte
1

Tente isso, funciona para mim:

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
        }
    }
}
E. Varela
fonte
1
Código está ok. O código + "try this" sem explicação real não melhora. Agora, se você adicionar a explicação que falta, para que os usuários futuros realmente aprendam alguma coisa, ENTÃO você terá uma boa resposta.
Mogsdad 10/02
Aqui está o código com comentários em inglês: var storage = null; setLocalStorage (); função setLocalStorage () {storage = (localStorage? localStorage: (window.content.localStorage? window.content.localStorage: null)); tente {storage.setItem ('test_key', 'test_value'); // avalie se é possível salvar no armazenamento atual} catch (e) {if (e.name == "NS_ERROR_FILE_CORRUPTED") {storage = sessionStorage? sessionStorage: null; // define o novo armazenamento se falhar}}}
E. Varela
Alguns navegadores, como o Firefox, mostram erro "NS_ERROR_FILE_CORRUPTED", então outra opção deve ser implementada porque cache de compensação não é a solução nem "window.content.localStorage" como um outro recurso
E. Varela
1
Ótimo! Apenas edite a resposta com essas informações, para que tudo flua junto e será uma boa resposta.
21416 Mogsdad