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
)
Otwórz Narzędzia deweloperskie w witrynie, którą chcesz sprawdzić.
Wybierz Application > Storage (Pamięć wewnętrzna) i rozwiń Pamięć sesji. Kliknij domenę, aby wyświetlić jej pary klucz-wartość.
Aby wyświetlić podgląd wartości pod tabelą, wybierz parę.
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ść.
Tworzenie nowej pary klucz-wartość sessionStorage
- Wyświetl pary klucz-wartość (
sessionStorage
) domeny. np. na tej stronie demonstracyjnej. - Kliknij dwukrotnie pustą część tabeli. Narzędzia deweloperskie tworzą nowy wiersz i umieszczają kursor w kolumnie Klucz.
- Wpisz nową parę klucz-wartość.
Edytuj klucze lub wartości (sessionStorage
)
- Wyświetl pary klucz-wartość typu
sessionStorage
z domeny. np. na tej stronie demonstracyjnej. - Kliknij dwukrotnie komórkę w kolumnie Klucz lub Wartość, aby edytować ten klucz lub wartość.
- Odśwież stronę, aby zastosować zmiany.
Usuń pary klucz-wartość (sessionStorage
)
- Wyświetl pary klucz-wartość typu
sessionStorage
z domeny. np. na tej stronie demonstracyjnej. - Kliknij parę klucz-wartość, aby ją wybrać.
- Aby usunąć wybraną parę, kliknij Usuń na pasku działań u góry.
- Możesz też kliknąć 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.
- W Narzędziach deweloperskich otwórz konsolę.
- 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. - Uruchom w konsoli wyrażenia
sessionStorage
, tak samo jak w JavaScript.