Используйте панель «Приложение» для проверки, изменения и отладки многих аспектов вашего веб-приложения, включая его манифест, сервис-воркеры, данные хранилища и кэша.
Обзор
Панель приложения разделена на четыре раздела, содержащие подменю. Ниже приведены эти разделы и подменю:
Приложение : содержит общую информацию о приложении, включая его манифест, сервис-воркеры и хранилище.
- На вкладке «Манифест» информация из
manifest.jsonпредставлена в удобном для пользователя виде. Также отображаются ошибки и предупреждения, если таковые имеются, в соответствующем разделе. - Вкладка «Сервисные работники» позволяет проверять и отлаживать сервисные работники путем эмуляции push-событий, обновления службы и т. д.
- Вкладка «Хранилище» содержит круговую диаграмму, показывающую распределение памяти, используемой хранилищем кэша, IndexedDB и сервисными работниками. Вы также можете очистить данные сайта и смоделировать пользовательскую квоту хранилища.
Хранилище : просмотр и редактирование различных методов хранения, используемых веб-приложением.
- Списки локального и сеансового хранения позволяют выбирать источник и редактировать пары ключ-значение связанных методов хранения.
- Список IndexedDB содержит базы данных и позволяет просматривать хранилища объектов из браузера.
- Список файлов cookie позволяет выбрать источник и редактировать пары ключ-значение.
- Токены частного состояния и группы по интересам позволяют вам проверять соответствующие токены и группы , если таковые имеются.
- Список общего хранилища позволяет выбрать источник, а также проверять и редактировать связанные пары ключ-значение.
- Список хранилищ кэша содержит доступные кэши и позволяет проверять, фильтровать и удалять их ресурсы.
Фоновые службы : проверка, тестирование и отладка фоновых служб.
- Вкладка «Кэш назад/вперед» позволяет запускать тесты кэша назад/вперед в браузере. Он также сообщает о проблемах, которые могут препятствовать обратному/прямому кэшированию.
- Вкладка «Фоновая выборка» позволяет записывать активность API фоновой выборки в течение трех дней.
- Вкладка «Фоновая синхронизация» позволяет записывать действия с помощью API фоновой синхронизации в течение трех дней.
- Вкладка «Защита от отслеживания отказов» позволяет определять и удалять состояние сайтов, на которых выполняется межсайтовое отслеживание с использованием метода отслеживания отказов.
- Вкладка «Уведомления» позволяет записывать push-сообщения на срок до трех дней.
- Вкладка «Обработчик платежей» позволяет записывать события «Обработчик платежей» за период до трех дней.
- Вкладка «Периодическая фоновая синхронизация» позволяет записывать ключевые события сроком до трех дней в жизненном цикле периодической фоновой синхронизации, такие как регистрация для синхронизации, выполнение фоновой синхронизации и отмена регистрации.
- Вкладка «Спекулятивные нагрузки» позволяет отлаживать спекулятивные нагрузки . Он показывает спекулятивный статус, наборы правил и попытки спекулятивной загрузки.
- Вкладка «Push-сообщения» позволяет записывать push-сообщения на срок до трех дней и протоколировать их.
- Вкладка Reporting API отслеживает ваш сайт и сообщает об устаревших вызовах API и нарушениях безопасности.
Фреймы : разделяет страницы и ресурсы на несколько представлений и отображает соответствующую информацию, такую как безопасность и изоляция , политика безопасности контента , доступность API и многое другое.
Откройте панель приложения
Чтобы открыть панель приложения :
- Откройте Инструменты разработчика .
- Откройте командное меню, нажав:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P.
- Начните вводить
application, выберите «Показать приложение» и нажмите Enter . DevTools отображает панель приложений в верхней части окна DevTools.
Альтернативно открыть панель приложения можно следующими способами:
- На панели действий вверху нажмите double_arrow « Другие панели» и выберите «Приложение» в раскрывающемся списке.
- В правом верхнем углу выберите more_vert Дополнительные параметры > Дополнительные инструменты > Приложение .