Wyświetlanie i edytowanie pamięci sesji

Kayce Basques

Sofia Emelianova

Ten przewodnik pokazuje, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać, edytować i usuwać pary klucz-wartość sessionStorage. Pamięć sesji jest usuwana po zakończeniu sesji strony.

Wyświetlanie sessionStorage kluczy i wartości

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

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

   

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

   

Aby ręcznie odświeżyć pary klucz-wartość, na górze kliknij odśwież Odśwież.

Filtrowanie par klucz-wartość

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

Tworzenie nowej pary klucz-wartość sessionStorage

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

Edytowanie kluczy lub wartości sessionStorage

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

Usuwanie par klucz-wartość sessionStorage

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

Interakcja z sessionStorage w Konsoli

Ponieważ w Konsoli możesz uruchamiać kod JavaScript, a Konsola ma dostęp do kontekstów JavaScriptu na stronie, możesz wchodzić w interakcje z elementem sessionStorage w Konsoli.

1. W narzędziach DevTools otwórz konsolę.
2. Jeśli chcesz uzyskać dostęp do par klucz-wartość sessionStorage w domenie innej niż ta, na której się znajdujesz, wybierz odpowiedni kontekst JavaScriptu w menu kontekstowym u góry paska działań.
3. Wykonuj wyrażenia sessionStorage w konsoli tak samo jak w JavaScript.