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ść w sessionStorage. Pamięć sesji jest czyszczona po zakończeniu sesji na stronie.

Wyświetl klucze i wartości (sessionStorage)

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

  2. Wybierz Application > Storage (Pamięć wewnętrzna) i rozwiń Pamięć sesji. Kliknij domenę, aby wyświetlić jej pary klucz-wartość.

    Pary klucz-wartość dla youtube.com.

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

    Wyświetla wartość wybranego klucza.

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

Filtruj pary klucz-wartość

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

Odfiltrowywanie par klucz-wartość, które nie zawierają ciągu „false” (fałsz).

Tworzenie nowej pary klucz-wartość sessionStorage

  1. Wyświetl pary klucz-wartość (sessionStorage) domeny. np. na tej stronie demonstracyjnej.
  2. Kliknij dwukrotnie pustą część tabeli. Narzędzia deweloperskie tworzą nowy wiersz i umieszczają kursor w kolumnie Klucz.
  3. Wpisz nową parę klucz-wartość.

Edytuj klucze lub wartości (sessionStorage)

  1. Wyświetl pary klucz-wartość typu sessionStorage z domeny. np. na tej stronie demonstracyjnej.
  2. Kliknij dwukrotnie komórkę w kolumnie Klucz lub Wartość, aby edytować ten klucz lub wartość.
  3. Odśwież stronę, aby zastosować zmiany.

Usuń pary klucz-wartość (sessionStorage)

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

Wejdź w interakcję z użytkownikiem sessionStorage z poziomu konsoli

Ponieważ w konsoli można uruchamiać kod JavaScript, a konsola ma dostęp do kontekstu JavaScriptu strony, można wchodzić w interakcje z elementem sessionStorage z poziomu konsoli.

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

Interakcja z „sessionStorage” z poziomu konsoli