Просмотр и изменение хранилища сеанса

Kayce Basques

Sofia Emelianova

В этом руководстве рассказывается, как с помощью инструментов разработчика Chrome просматривать, изменять и удалять пары "ключ-значение" sessionStorage. Хранилище сеанса очищается, когда сеанс страницы завершается.

Посмотреть sessionStorage ключ и значение

1. Откройте Инструменты разработчика на сайте, который хотите проверить.

2. Перейдите в раздел Application (Приложение) > Storage (Хранилище) и разверните раздел Session Storage (Хранилище сеанса). Нажмите на домен, чтобы посмотреть его пары "ключ-значение".

   

3. Чтобы посмотреть значение под таблицей, выберите пару.

   

Чтобы обновить пары "ключ-значение" вручную, нажмите Обновить Обновить на панели действий вверху.

Фильтровать пары "ключ-значение"

Чтобы быстро найти нужную пару "ключ-значение", введите в поле фильтра вверху строку, которая содержится в ключе или значении.

Создать новую пару "ключ-значение" (sessionStorage)

1. Посмотрите пары "ключ-значение" sessionStorage для домена. Например, на этой демонстрационной странице.
2. Дважды нажмите на пустую часть таблицы. Инструменты разработчика создадут новую строку и поместят курсор в столбец Ключ.
3. Введите новую пару "ключ-значение".

Изменить ключи или значения (sessionStorage)

1. Просмотр пар "ключ-значение" sessionStorage для домена Например, на этой демонстрационной странице.
2. Чтобы изменить ключ или значение, дважды нажмите на ячейку в столбце Ключ или Значение.
3. Чтобы применить изменения, обновите страницу.

Удалить sessionStorage пару "ключ-значение"

1. Просмотр пар "ключ-значение" sessionStorage для домена Например, на этой демонстрационной странице.
2. Нажмите на нужную пару "ключ-значение".
3. Нажмите Удалить на панели действий вверху, чтобы удалить выбранную пару.
4. Чтобы удалить все пары, нажмите Очистить все.

Как взаимодействовать с sessionStorage в консоли

Поскольку в консоли можно запускать код JavaScript и у нее есть доступ к контекстам JavaScript на странице, вы можете взаимодействовать с sessionStorage из консоли.

1. В DevTools откройте Консоль.
2. Если вы хотите получить доступ к парам "ключ-значение" sessionStorage для домена, отличного от страницы, на которой вы находитесь, выберите нужный контекст JavaScript в раскрывающемся меню контекста на панели действий вверху.
3. Выполняйте выражения sessionStorage в консоли так же, как в JavaScript.