Wyświetlanie i edytowanie pamięci lokalnej

Kayce Basques
Sofia Emelianova
Sofia Emelianova
GitHub

Z tego przewodnika dowiesz się, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać, edytować i usuwać pary klucz-wartość localStorage. Pamięć lokalna zapisuje dane między sesjami przeglądarki.

Wyświetl localStorage klucze i wartości

  1. Otwórz Narzędzia deweloperskie w witrynie, którą chcesz sprawdzić.

  2. Kliknij Aplikacja > Pamięć wewnętrzna i rozwiń Pamięć lokalna. Kliknij domenę, aby wyświetlić jej pary klucz-wartość.

    Pary klucz-wartość z youtube.com.

  3. Aby wyświetlić podgląd wartości pod tabelą, wybierz parę.

    Wyświetlam wartość wybranego klucza.

Aby ręcznie odświeżyć pary klucz-wartość, kliknij Odśwież. Odśwież na pasku działań u góry.

Filtruj pary klucz-wartość

Aby szybko znaleźć odpowiednią parę klucz-wartość, w polu filtra u góry wpisz ciąg znaków, który zawiera klucz lub wartość.

Odfiltrowywanie par klucz-wartość, które nie zawierają ciągu znaków „has”.

Utwórz nową parę klucz-wartość localStorage

  1. Wyświetl pary klucz-wartość localStorage domeny. Na przykład na tej stronie demonstracyjnej.
  2. Kliknij dwukrotnie pustą część tabeli. Narzędzia deweloperskie utworzy nowy wiersz i umieści kursor w kolumnie Klucz.
  3. Wpisz nową parę klucz-wartość.

Edytuj localStorage klucz lub wartości

  1. Wyświetl pary klucz-wartość localStorage domeny. Na przykład na tej stronie demonstracyjnej.
  2. Kliknij dwukrotnie komórkę w kolumnie Klucz lub Wartość, aby edytować dany klucz lub wartość.
  3. Odśwież stronę, aby zastosować zmiany.

Usuń localStorage par klucz-wartość

  1. Wyświetl pary klucz-wartość localStorage domeny. Na przykład na tej stronie demonstracyjnej.
  2. Kliknij parę klucz-wartość, aby ją wybrać.
  3. Kliknij Usuń. Usuń na pasku działań u góry, aby usunąć wybraną parę.Usuwam wybraną parę klucz-wartość.
  4. Możesz też kliknąć Wyczyść wszystko. Wyczyść wszystkie, aby usunąć wszystkie pary.

Wejdź w interakcję z aplikacją localStorage w konsoli

JavaScriptu możesz uruchamiać w konsoli, a ponieważ Konsola ma dostęp do kontekstów JavaScriptu na stronie, możesz wchodzić w interakcje z localStorage z poziomu konsoli.

  1. W Narzędziach deweloperskich otwórz konsolę.
  2. Jeśli chcesz uzyskać dostęp do par klucz-wartość localStorage domeny innej niż strona, którą przeglądasz, wybierz odpowiedni kontekst JavaScript z menu kontekstowego na pasku działań u góry.
  3. Uruchom wyrażenia localStorage w konsoli tak samo jak w JavaScript.

Interakcja z „localStorage” z poziomu konsoli