2012-02-22 28 views
173

Utworzono rozszerzenie do przeglądarki Chrome i używam programu localStorage do przechowywania danych.Jak wyświetlić lub edytować plik localStorage

Uzyskuję dostęp do localStorage przez "background_page".

Działa dobrze, ale jak mogę ręcznie wyświetlić jego wartości? W Firefoksie możesz używać Firebug.

Ktoś ma jakieś sugestie?

Odpowiedz

122

Wystarczy otworzyć Developer Tools naciskając F12.

Kliknij zakładkę Aplikacja (dawniej Zasoby), a zobaczysz zawartość localStorage. Stamtąd możesz ręcznie dodawać/edytować/usuwać wpisy klucza/wartości.

localStorage resources tab

na OS X klawisze są: + + i

Inna kombinacja: Ctrl + Przesunięcie + i


EDIT: W Chrome 56 wygląda to tak:

enter image description here

+3

Tak, już próbowałeś, ale localStorage jest pusty. Może dlatego, że załadowałem rozpakowane rozszerzenie? –

+0

To może pomóc: http://stackoverflow.com/questions/3598669/cookie-lubalstorage-with-chrome-extensions – Simone

+2

Simone, wiem jak ustawić i odczytać localStorage z JS, ale muszę ręcznie edytować/usuń go –

11

Możesz przejść do chrome: // chrome/extensions i tam będzie link do swojej strony w tle, który po uruchomieniu można korzystać Narzędzia deweloperskie, aby zobaczyć zawartość localStorage.

+0

Dzięki za odpowiedź @Ryan S ale localStorage jest pusty Ustawiłem to tak: 'localStorage ['xy'] = JSON.stringify (xy);' –

+2

W konsoli chrome możesz zrobić 'localStorage.setItem (' xy ', JSON.stringify (xy)) 'i ustawi element w localStorage –

+2

do chrome: // chrome-urls /, następnie lokalny magazyn –

173

To proste. Po prostu przejdź do narzędzi programistycznych, naciskając F12, a następnie przejdź do zakładki Aplikacja. W sekcji Storage rozwinąć Lokalna pamięć masowa. Potem zobaczysz tam całą lokalną pamięć Twojej przeglądarki.

+4

W wersji Chrome 60 nie można modyfikować ani dodawać nowych elementów, Będę musiał to zrobić poprzez konsolę i 'localStorage.setItem ('klucz', 'wartość')' –

13

Obecnie używam wersji chromowanej 52.0.2743.82 m. W tej ostatniej wersji Chrome od teraz możesz zobaczyć wartości lokalnego magazynu, uruchamiając "Narzędzia dla programistów", a następnie zaglądając do zakładki "Aplikacja".

Powiązane problemy