Come visualizzare o modificare localStorage

259

Ho creato un'estensione di Chrome e sto usando localStorage per l'archiviazione dei dati.

Sto accedendo a localStorage tramite "background_page".

Funziona bene, ma come posso visualizzare manualmente i suoi valori? In Firefox è possibile utilizzare Firebug.

Qualcuno ha qualche suggerimento?

google-chrome local-storage

— Joe Doe
fonte

270

È semplice. Vai agli strumenti per sviluppatori premendo F12, quindi vai alla scheda Applicazione . Nella sezione Archiviazione espandi Archiviazione locale . Successivamente, vedrai lì tutta la memoria locale del tuo browser.

— Giorgi Gzirishvili
fonte

33

Nella versione 60 di Chrome non puoi modificare o aggiungere nuovi elementi, dovrai farlo tramite la console elocalStorage.setItem('key', 'value')

— Jim Aho,

9

Nella versione 65 di Chrome, puoi modificare e aggiungere manualmente nuovi elementi. Fare doppio clic sotto l'ultima coppia valore-chiave nell'elenco valore-chiave in Applicazione> Archiviazione locale per aggiungere un nuovo valore.

— Rose Perrone,

169

Basta aprire gli Strumenti per sviluppatori premendo F12.

Fai clic sulla scheda Applicazione (precedentemente Risorse) e vedrai il contenuto di localStorage. Da lì è possibile aggiungere / modificare / eliminare manualmente le voci chiave / valore.

scheda Risorse localStorage

Su OS X i tasti sono: ⌥+ ⌘+i

Un'altra combinazione: Ctrl+ Shift+i

EDIT: In Chrome 56 è simile al seguente:

inserisci qui la descrizione dell'immagine

— Simone
fonte

4

Già l'ho già provato, ma localStorage è vuoto. Forse perché ho caricato l'estensione decompressa?

— Joe Doe,

Questo può aiutarti: stackoverflow.com/questions/3598669/…

— Simone,

3

Simone, so come impostare e leggere localStorage con JS, ma devo modificarlo / eliminarlo manualmente

— Joe Doe,

Non è necessario farlo con JS, è possibile aggiungere / modificare / eliminare voci dall'interfaccia utente

— Simone

17

Attualmente sto usando la versione di Chrome 52.0.2743.82 m. In questa ultima versione di Chrome a partire da ora, puoi vedere i valori di archiviazione locale avviando "Strumenti per sviluppatori" e quindi guardando nella scheda "Applicazione".

— Luke P. Issac
fonte

15

Puoi andare su chrome: // chrome / extensions e ci sarà un link alla tua pagina di sfondo che una volta avviato puoi usare gli strumenti Dev per vedere le cose localStorage.

— Ryan S
fonte

Grazie per la risposta @Ryan S ma localStorage è vuoto L'ho impostato in questo modolocalStorage['xy'] = JSON.stringify(xy);

— Joe Doe,

2

Nella console di Chrome puoi fare localStorage.setItem('xy', JSON.stringify(xy))e questo imposterà l'oggetto in localStorage

— Ryan S

2

do chrome: // chrome-urls /, quindi archiviazione locale

— khaled_webdev,

2

O non capisco cosa la gente qui stia cercando di fare, e non è quello che sto facendo, e / o gli strumenti per sviluppatori di Chrome sono cambiati e sono rotti in questo senso.

Lo script di contenuto della mia estensione memorizza i dati in questo modo:

chrome.storage.local.set(packet);

Quando visualizzo la scheda Applicazione della pagina di sfondo dell'estensione ed espongo Archiviazione> Archiviazione locale, vedo l'estensione elencata, ma facendo clic su di essa non vengono visualizzati dati.

L'unica soluzione che ho trovato è eseguire questo nella console della pagina di sfondo:

chrome.storage.local.get(null, function(data) {console.log(data);})

È simile a come l'estensione lo legge (tranne passare null per ottenere tutte le chiavi invece di un nome chiave per ottenere solo quello che desidero) e funziona bene, è semplicemente scomodo digitarlo ogni volta. È anche strano che ci siano tutte queste risposte che non funzionano per me.

Sto utilizzando Chrome 73.0.3683.103 (build ufficiale) (64 bit) su Windows 10. L'estensione è ancora scompattata, se pertinente, ma è il momento più probabile in cui vorresti farlo, ovvero in fase di sviluppo.

— enigment
fonte