Советы DevTools: отладка PWA

София Емельянова
Sofia Emelianova

Прогрессивные веб-приложения (PWA) — это веб-приложения, созданные и улучшенные с использованием современных API-интерфейсов, обеспечивающие расширенные возможности, надежность и возможность установки, доступные кому угодно, где угодно, на любом устройстве, и все это с помощью единой базы кода.

Посмотрите видео, чтобы узнать, как отлаживать эти приложения с помощью Chrome DevTools.

С помощью DevTools вы можете:

  • Проверьте файл манифеста вашего приложения, который делает ваше приложение доступным для установки. Например:
    • Проверьте иконки для разных платформ.
    • Ловите ошибки.
    • Настройте расширенный пользовательский интерфейс установки с описанием и скриншотами.
  • Протестируйте сервисные работники, которые действуют как прокси между вашим приложением и сетью. Например:
    • Проверьте регистрацию работника.
    • Проверьте версию и активность работника.
    • Обновить рабочую версию при перезагрузке.
    • Отладка сетевого подключения путем эмуляции автономного режима или обхода рабочих процессов.
    • Тестовые сетевые сообщения.

Чтобы узнать больше, см.: