Visualizza e modifica lo spazio di archiviazione locale

Kayce Basques

Sofia Emelianova

Questa guida illustra come utilizzare Chrome DevTools per visualizzare, modificare ed eliminare le coppie chiave-valore localStorage. Lo spazio di archiviazione locale salva i dati tra sessioni del browser.

Visualizza localStorage chiavi e valori

1. Apri DevTools sul sito web che vuoi esaminare.

2. Vai ad Applicazione > Spazio di archiviazione ed espandi Archiviazione locale. Fai clic su un dominio per visualizzare le relative coppie chiave-valore.

   

3. Per visualizzare l'anteprima del valore sotto la tabella, seleziona una coppia.

   

Per aggiornare manualmente le coppie chiave-valore, fai clic su Aggiorna nella barra delle azioni in alto.

Filtra coppie chiave-valore

Per trovare rapidamente la coppia chiave-valore di cui hai bisogno, digita nella casella del filtro in alto una stringa contenente la chiave o il valore.

Crea una nuova coppia chiave-valore localStorage

1. Visualizza le localStorage coppie chiave-valore del dominio. Ad esempio, in questa pagina demo.
2. Fai doppio clic sulla parte vuota della tabella. DevTools crea una nuova riga e concentra il cursore nella colonna Chiave.
3. Inserisci una nuova coppia chiave-valore.

Modifica localStorage chiavi o valori

1. Visualizza le localStorage coppie chiave-valore di un dominio. Ad esempio, in questa pagina demo.
2. Fai doppio clic su una cella della colonna Chiave o Valore per modificare la chiave o il valore.
3. Aggiorna la pagina per applicare la modifica.

Elimina localStorage coppia chiave-valore

1. Visualizza le localStorage coppie chiave-valore di un dominio. Ad esempio, in questa pagina demo.
2. Fai clic su una coppia chiave-valore per selezionarla.
3. Fai clic su Elimina nella barra delle azioni in alto per rimuovere la coppia selezionata.
4. In alternativa, fai clic su Cancella tutto per rimuovere tutte le coppie.

Interagisci con localStorage dalla console

Poiché puoi eseguire JavaScript nella console e poiché la console ha accesso ai contesti JavaScript della pagina, è possibile interagire con localStorage dalla console.

1. In DevTools, apri la console.
2. Se vuoi accedere alle localStorage coppie chiave-valore di un dominio diverso dalla pagina in cui ti trovi, seleziona il contesto JavaScript necessario dal menu a discesa contestuale nella barra delle azioni in alto.
3. Esegui le espressioni localStorage nella console, come faresti in JavaScript.