В этом руководстве показано, как использовать Chrome DevTools для просмотра, редактирования и удаления пар ключ-значение sessionStorage
. Хранилище сеанса очищается после завершения сеанса страницы.
Просмотр ключей и значений sessionStorage
Откройте DevTools на веб-сайте, который вы хотите проверить.
Перейдите в «Приложение» > «Хранилище» и разверните «Хранилище сеансов» . Щелкните домен, чтобы просмотреть его пары «ключ-значение».
Чтобы просмотреть значение под таблицей, выберите пару.
Чтобы вручную обновить пары «ключ-значение», нажмите «Обновить » на панели действий вверху.
Фильтрация пар ключ-значение
Чтобы быстро найти нужную пару ключ-значение, введите в поле фильтра вверху строку, содержащую либо ключ, либо значение.
Создайте новую пару ключ-значение sessionStorage
- Просмотрите пары «ключ-значение»
sessionStorage
домена . Например, на этой демонстрационной странице . - Дважды щелкните пустую часть таблицы. DevTools создает новую строку и фокусирует курсор в столбце «Ключ» .
- Введите новую пару ключ-значение.
Изменение ключей или значений sessionStorage
- Просмотрите пары «ключ-значение»
sessionStorage
домена . Например, на этой демонстрационной странице . - Дважды щелкните ячейку в столбце «Ключ или значение» , чтобы изменить этот ключ или значение.
- Обновите страницу, чтобы подать заявку.
Удаление пар ключ-значение sessionStorage
- Просмотрите пары «ключ-значение»
sessionStorage
домена . Например, на этой демонстрационной странице . - Щелкните пару ключ-значение, чтобы выбрать ее.
- Нажмите Удалить на панели действий вверху, чтобы удалить выбранную пару.
- Альтернативно нажмите Очистить все , чтобы удалить все пары.
Взаимодействие с sessionStorage
из консоли
Поскольку вы можете запускать JavaScript в Console и поскольку Console имеет доступ к контекстам JavaScript страницы, можно взаимодействовать с sessionStorage
из Console .
- В DevTools откройте консоль .
- Если вы хотите получить доступ к парам ключ-значение
sessionStorage
домена, отличного от страницы, на которой вы находитесь, выберите нужный контекст JavaScript в раскрывающемся меню контекста на панели действий вверху. - Запускайте выражения
sessionStorage
в консоли так же, как и в JavaScript.