Limpar o armazenamento local em HTML5 em uma página específica

90

É possível limpar o armazenamento local HTML5 em uma página da Web específica? Eu estava editando uma demonstração de Javascript em http://jsfiddle.net , e eu reorganizei as janelas de tal forma que uma delas se tornou impossível de redimensionar. É possível limpar o armazenamento local em uma página específica neste caso?

Anderson Green
fonte
use o console do navegador para alterar o conteúdo do localStorage. é apenas um objeto javascript como qualquer outro.
ell

Respostas:

145

O Chrome agora oferece uma opção para limpar o armazenamento local de um site específico. Para isso, insira isso na Omnibox

chrome://settings/siteData

Agora, você pode digitar o nome do site, selecionar Armazenamento local e clicar em Remover para limpar o armazenamento local do site

enter image description here

Sathyajith Bhat
fonte
Se ele não travasse toda vez que eu tentasse procurar / deletar algo lá ...
Selrond
59

Embora o Chrome não forneça uma interface do usuário para limpar o localStorage, há uma API que desmarca uma chave específica ou o objeto inteiro localStorage em um site.

//Clears the value of MyKey
window.localStorage.removeItem("MyKey");

//Clears all the local storage data
window.localStorage.clear();

Todo navegador Chrome, por padrão, tem o console JavaScript instalado. Portanto, um método alternativo, e talvez a maneira mais fácil de limpar o localStorage é clicar com o botão direito do mouse na página, clicar em "Inspecionar Elemento" e clicar na guia "Console". Quando o console abrir, digite o seguinte JavaScript e pressione Enter:

window.localStorage.clear()

Uma vez feito, o localStorage será apagado. Observe que isso afeta todas as páginas da Web em um único domínio, portanto, se você limpar o localStorage para jsfiddle.net/index.html (supondo que seja a página em que você está), ele será limpo para todas as outras páginas nesse site. Vejo HTML5Goodies - uma espiada no armazenamento de dados local em HTML 5 Para maiores informações.

jmort253
fonte
10

O Google Chrome ainda não fornece uma interface para gerenciar o armazenamento local em HTML5, portanto, para excluir o armazenamento local no Google Chrome, você precisará procurar e excluir manualmente o arquivo no Google Chrome. Local Storage sub-diretório no Dados do usuário . Você pode encontrá-lo procurando por um arquivo que contenha o nome do domínio.

Você também pode usar o Excluir cookies e outros dados de site e plug-in entrada no Limpar dados de navegação diálogo ( chrome://chrome/settings/clearBrowserData ou Ctrl + Mudança + Excluir ), no entanto, não oferece controle refinado no nível do site.

Para o registro, jsfiddle.net não usa armazenamento local para seus quadros, ele usa cookies padrão que você pode excluir em chrome://chrome/settings/cookies. Apenas digite jsf na caixa de edição, clique no window_sizes cookie, então o [Remove] botão. Para excluir todos os cookies em jsfiddle.net, basta clicar no jsfiddle entrada (não é um cookie específico) e pressione Excluir .

Synetech
fonte
8
Pense que esta resposta está desatualizada. No painel do Win 7 no chrome dev, na guia Recursos, você pode clicar com o botão direito do mouse em entradas de armazenamento local individuais de um site específico e excluí-las. Parece ser um de cada vez, mas ainda funciona. Versão do Chrome: 35.0.1916.114
BoomShaka
7

Você também pode limpá-lo através do console na janela do desenvolvedor com o comando localStorage.clear():

enter image description here

Wilt
fonte
É undefined uma resposta esperada?
Weishi Zeng
sim, não há problema sobre isso.ele remove o armazenamento bem :) @WeishiZeng
Sampath
5

Ainda não posso comentar, mas a resposta aceita não é mais 100% precisa desde a última atualização do Chrome. O Chrome tem um novo visual material para todas as configurações. e o link para limpar todo o armazenamento local de um host especificado agora é um pouco diferente:

chrome://settings/siteData
evilkos
fonte
Está chrome://settings/siteData
Sathyajith Bhat
2

Se você tem cromada Ferramentas de desenvolvimento você pode ver ou alterar os valores de localStorage

  • F12 ou Ctrl Mudança Eu ou Optar Eu
  • Aplicação
  • Armazenamento
  • Armazenamento local

É organizado por domínio. (localStorage é específico para um domínio, não uma página.)

enter image description here

Realce os pares chave / valor e clique em X se você quiser excluí-los.

Bob Stein
fonte
1

A resposta chrome://settings/siteData não funcionou para mim

Isso é o que funciona para mim na versão 61 do Chrome:

  1. chrome://settings/content/cookies
  2. desloque-se para baixo Todos os cookies e dados do site e na entrada "Pesquisar cookies" digite "localhost"
  3. então clique Remover tudo mostrado , ou aperte o botão delete

Isso limpa não apenas cookies mas também armazenamento local e seu bases de dados locais também

Kris Randall
fonte
O passo 2 aponta para lá ...
Koshinae