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

  • Статья

Для просмотра, изменения и удаления пар "ключ—значение" localStorage используйте средство "Приложение ".

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

  1. Перейдите на вкладку Приложение , чтобы открыть средство "Приложение ". Панель манифеста отображается по умолчанию.

    Панель манифеста

  2. Разверните меню Локальное хранилище .

    Меню

  3. Щелкните домен, чтобы просмотреть пары "ключ-значение".

    Пары

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

    Просмотр значения ключа eventLogQueue_Online

Создание новой пары "ключ—значение" localStorage

  1. Просмотрите пары "ключ—значение" localStorage домена.

  2. Дважды щелкните пустую часть таблицы. DevTools создает новую строку и фокусирует курсор в ключевом столбце.

    Пустая часть таблицы для двойного щелчка, чтобы создать новую пару

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

  1. Просмотрите пары "ключ—значение" localStorage домена.

  2. Дважды щелкните ячейку в столбце Ключ или Значение , чтобы изменить этот ключ или значение.

    Изменение ключа localStorage

Удаление пар "ключ—значение" localStorage

  1. Просмотрите localStorage пары "ключ—значение" домена.

  2. Щелкните пару "ключ—значение", которую требуется удалить. DevTools выделяет его синим цветом, чтобы указать, что он выбран.

  3. Нажмите Deleteили щелкните Удалить выбранный (Удалить выбранный).

Удаление всех localStorage пар "ключ-значение" для домена

  1. Просмотрите localStorage пары "ключ—значение" домена.

  2. Нажмите кнопку Очистить все (очистить все).

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

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

  1. Используйте контекстное меню JavaScript , чтобы изменить контекст JavaScript консоли , если вы хотите получить доступ localStorage к парам "ключ-значение" домена, отличного от отображаемой страницы.

    Изменение контекста JavaScript консоли

  2. Запустите localStorage выражения в консоли так же, как и в JavaScript.

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

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Creative Commons License Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.