Wyświetlanie i edytowanie pamięci sesji

Sofia Emelianova
Sofia Emelianova

Z tego przewodnika dowiesz się, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać, edytować i usuwać pary klucz-wartość sessionStorage. Pamięć sesji jest wyczyszczona po jej zakończeniu.

Wyświetl sessionStorage 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ęć sesji. 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 „false” (fałsz).

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

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

Edytuj sessionStorage klucz lub wartości

  1. Wyświetl pary klucz-wartość sessionStorage 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ń sessionStorage par klucz-wartość

  1. Wyświetl pary klucz-wartość sessionStorage 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ą sessionStorage 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 sessionStorage z poziomu konsoli.

  1. W Narzędziach deweloperskich otwórz konsolę.
  2. Jeśli chcesz uzyskać dostęp do par klucz-wartość sessionStorage 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 sessionStorage w konsoli tak samo jak w JavaScript.

Interakcja z „sessionStorage” w konsoli