Local Storage Editor предоставляет удобный табличный интерфейс для управления записями localStorage и sessionStorage текущего сайта. Просматривайте все пары ключ-значение, редактируйте значения прямо в ячейке, добавляйте новые записи и удаляйте ненужные. JSON-значения автоматически определяются и форматируются для удобного чтения. Переключайтесь между вкладками localStorage и sessionStorage для управления обоими типами хранилища.
Веб-приложения хранят огромное количество состояния в localStorage и sessionStorage — пользовательские настройки, токены аутентификации, флаги функций, результаты A/B-тестов, содержимое корзины, черновики форм, кешированные API-ответы и состояние интерфейса. Отладка этих значений в Chrome DevTools требует перехода на вкладку Application, поиска раздела Storage и работы с базовым просмотрщиком ключ-значение с ограниченными возможностями редактирования. Local Storage Editor предоставляет для этого специальную панель с переключением хранилищ по вкладкам, редактированием прямо в ячейке, автоматическим форматированием JSON и групповыми операциями. Таблица показывает каждую пару ключ-значение. JSON-значения (чрезвычайно распространённые — объекты, сериализованные через JSON.stringify) определяются автоматически и отображаются с правильным форматированием и подсветкой синтаксиса. Нажмите на любое значение, чтобы отредактировать его на месте — изменения сразу записываются в storage API. Добавляйте новые записи через удобную форму или удаляйте записи по одной или все сразу.
Переключайтесь между localStorage и sessionStorage с помощью кнопок вкладок в верхней части панели. На каждой вкладке отображается количество записей (например, «localStorage (12)» / «sessionStorage (3)»). Оба типа хранилища управляются из одного интерфейса.
Нажмите на любую ячейку значения, чтобы отредактировать его на месте. Для простых значений введите новую строку. Для JSON-значений редактор разворачивается в форматированное текстовое поле с подсветкой синтаксиса. Изменения немедленно сохраняются в storage API.
JSON-значения (объекты и массивы, сериализованные через JSON.stringify) автоматически определяются и отображаются с правильными отступами и подсветкой синтаксиса. Редактируйте отформатированный JSON напрямую — при сохранении он повторно сериализуется.
Нажмите «Добавить запись», чтобы создать новую пару ключ-значение. Введите имя ключа и значение (строку или JSON). Запись немедленно записывается в localStorage или sessionStorage текущего домена.
Удаляйте отдельные записи с помощью кнопки удаления в строке или используйте «Очистить всё», чтобы удалить все записи для текущего типа хранилища. Удобно для сброса состояния приложения во время тестирования.
Изменения, внесённые в редакторе, немедленно отражаются в приложении. Если приложение читает значение из localStorage при взаимодействии с пользователем, редактирование этого значения в панели меняет то, что приложение прочитает следующим — перезагрузка страницы в большинстве случаев не нужна.
Проверяйте, какие значения приложение сохранило в localStorage. Присутствует ли токен аутентификации? Правильно ли структурирован объект пользовательских настроек? Не вызывает ли устаревшее кешированное значение неожиданное поведение?
Очистите весь localStorage, чтобы вернуть приложение в исходное состояние — удобно для тестирования опыта первого запуска, сценариев онбординга и конфигураций по умолчанию без очистки данных браузера для других сайтов.
Многие приложения хранят значения флагов функций в localStorage. Редактируйте их напрямую, чтобы включать или отключать функции без использования интерфейса управления флагами или повторного развёртывания.
Редактируйте сохранённые пользовательские настройки, параметры темы, выбор языка или флаги завершения онбординга, чтобы имитировать различные состояния пользователя и тестировать реакцию приложения на каждое из них.
Смотрите, какие данные сторонние скрипты (аналитика, чат, реклама) сохраняют в localStorage вашего домена. Проверяйте данные на соответствие требованиям конфиденциальности и выявляйте неожиданное использование хранилища.
Откройте плавающую панель DevSuite Pro и нажмите иконку Local Storage Editor. Откроется панель, отображающая все записи localStorage для текущего домена.
Прокрутите таблицу ключ-значение. JSON-значения форматируются автоматически. Переключитесь на другую вкладку для просмотра sessionStorage.
Нажмите на любое значение, чтобы отредактировать его прямо в ячейке. Для JSON-значений появляется форматированный редактор. Изменения немедленно сохраняются в storage API.
Нажмите «Добавить запись», чтобы создать новую пару ключ-значение. Нажмите иконку удаления в любой строке, чтобы её удалить. «Очистить всё» удаляет все записи.
После редактирования значений хранилища взаимодействуйте со страницей, чтобы проверить, как приложение реагирует на изменённые данные.
Установите DevSuite Pro бесплатно и разблокируйте более 39 инструментов разработчика для вашего браузера.
