Visualizza e modifica lo spazio di archiviazione locale

Kayce Basques

Sofia Emelianova

Questa guida mostra come utilizzare Chrome DevTools per visualizzare, modificare ed eliminare le coppie chiave-valore localStorage. L'archiviazione locale salva i dati nelle sessioni del browser.

Visualizza chiavi e valori localStorage

1. Apri DevTools sul sito web che vuoi ispezionare.

2. Vai ad Applicazione > Memoria ed espandi Memoria locale. Fai clic su un dominio per visualizzarne le 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.

Filtrare le coppie chiave-valore

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

Crea una nuova coppia chiave-valore localStorage

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

Modificare le chiavi o i valori localStorage

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

Eliminare le coppie chiave-valore localStorage

1. Visualizza le coppie chiave-valore localStorage di un dominio. Ad esempio, in questa pagina dimostrativa.
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.

Interagire 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 coppie chiave-valore localStorage di un dominio diverso dalla pagina in cui ti trovi, seleziona il contesto JavaScript necessario dal menu a discesa del contesto nella barra delle azioni in alto.
3. Esegui le espressioni localStorage nella console, come faresti in JavaScript.