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