Просмотр и изменение данных IndexedDB с помощью Chrome DevTools

В этом руководстве показано, как использовать Chrome DevTools для просмотра и изменения данных IndexedDB. Предполагается, что вы знакомы с DevTools. Если нет, см. Начало работы. Также предполагается, что вы знакомы с IndexedDB. Если нет, см. Использование IndexedDB.

Просмотр данных IndexedDB

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

2. Разверните меню IndexedDB, чтобы просмотреть доступные базы данных.

notes — https://mdn.github.io представляет базу данных, где notes — имя базы данных, а https://mdn. github.io — это источник, который может получить доступ к базе данных.

notes — это хранилище объектов.
title и body являются индексами.

Известное ограничение: сторонние базы данных не видны. Например, если вы используете <iframe> для встраивания рекламы на свою страницу, а ваша рекламная сеть использует IndexedDB, данные IndexedDB вашей рекламной сети не будут видны. См. выпуск № 943770.

3. Щелкните базу данных, чтобы увидеть ее источник и номер версии.

4. Щелкните хранилище объектов, чтобы просмотреть его пары ключ-значение.

Данные IndexedDB не обновляются в режиме реального времени. См. Обновление данных IndexedDB.

Всего записей — это общее количество пар "ключ-значение" в хранилище объектов.
Значение генератора ключей — это следующий доступный ключ. Это поле отображается только при использовании генераторов ключей.

5. Щелкните ячейку в столбце Значение, чтобы развернуть это значение.

6. Щелкните индекс, например название или тело на рис. 6 ниже, чтобы отсортировать хранилище объектов в соответствии со значениями этого индекса.

Обновить данные IndexedDB

Значения IndexedDB на панели Приложение не обновляются в режиме реального времени. Нажмите Обновить.

при просмотре хранилища объектов, чтобы обновить его данные, или просмотрите базу данных и нажмите Обновить базу данных, чтобы обновить все данные.

Изменить данные IndexedDB

Ключи и значения IndexedDB нельзя редактировать на панели Приложение. Однако, поскольку DevTools имеет доступ к контексту страницы, вы можете запускать код JavaScript в DevTools, который редактирует данные IndexedDB.

Редактировать данные IndexedDB с помощью сниппетов

Фрагменты — это способ хранения и запуска блоков кода JavaScript в DevTools. Когда вы запускаете сниппет, результат записывается в Консоль. Вы можете использовать сниппет для запуска кода JavaScript, который редактирует базу данных IndexedDB.

Удалить данные IndexedDB

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

Просмотр хранилища объектов IndexedDB.
Щелкните пару ключ-значение, которую вы хотите удалить. DevTools выделяет его синим цветом, чтобы указать, что он выбран.