Просмотр и редактирование хранилища сеансов

Кейси Баски
София Емельянова
Sofia Emelianova
GitHub

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

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

  1. Откройте DevTools на веб-сайте, который вы хотите проверить.

  2. Перейдите в «Приложение» > «Хранилище» и разверните «Хранилище сеансов» . Щелкните домен, чтобы просмотреть его пары «ключ-значение».

    Пары ключ-значение youtube.com.

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

    Просмотр значения выбранного ключа.

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

Фильтрация пар ключ-значение

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

Фильтрация пар ключ-значение, которые не содержат строку «false».

Создайте новую пару ключ-значение sessionStorage

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

Изменение ключей или значений sessionStorage

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

Удаление пар ключ-значение sessionStorage

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

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

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

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

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