Отладка фоновых служб

Раздел Фоновые службы Microsoft Edge DevTools — это набор инструментов для веб-API, которые позволяют веб-сайту отправлять и получать данные, даже если пользователь не использует ваш веб-сайт, а браузер может сообщать о проблемах в рабочей среде на сервере.

Microsoft Edge DevTools считает, что каждый из следующих API является фоновой службой:

В разделе Фоновые службы регистрируются события API, даже если вы не используете средства разработки, чтобы убедиться, что события отправляются и получаются должным образом.

Выборка фона

API фоновой выборки позволяет рабочей роли службы прогрессивного веб-приложения надежно скачивать большие ресурсы, такие как фильмы или подкасты, в качестве фоновой службы. Чтобы регистрировать события фоновой выборки в течение 3 дней, даже если средства разработки не открыты, выполните приведенные ниже действия.

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Фоновая выборка. Откроется страница Выборка фона .

    Панель

  4. Щелкните Запись (Запись). После активации некоторых действий по выборке фона DevTools записывает события в таблицу.

    Журнал событий на панели

  5. Щелкните событие, чтобы просмотреть сведения о нем в пространстве под таблицей.

    Просмотр сведений о событии на панели

Фоновая синхронизация

API фоновой синхронизации позволяет рабочей роли автономной службы прогрессивного веб-приложения отправлять данные на сервер после восстановления надежного подключения к Интернету. Чтобы регистрировать события фоновой синхронизации в течение 3 дней, даже если средства разработки не открыты, выполните приведенные ниже действия.

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Фоновая синхронизация. Откроется страница Фоновой синхронизации .

    Панель

  4. Щелкните Запись (Запись). После активации некоторых действий фоновой синхронизации DevTools записывает события в таблицу.

    Журнал событий в области фоновой синхронизации

  5. Выберите событие, чтобы просмотреть сведения о нем в пространстве под таблицей.

    Просмотр сведений о событии в области фоновой синхронизации

Уведомления

После того как рабочая роль службы получила push-сообщение от сервера, рабочая роль службы использует API уведомлений для отображения данных пользователю. Чтобы регистрировать уведомления в течение 3 дней, даже если средства разработки не открыты, выполните приведенные ниже действия.

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Уведомления. Откроется страница Уведомления .

    Панель

  4. Щелкните Запись (Запись). После активации некоторых действий notifications DevTools записывает события в таблицу.

    Журнал событий в области уведомлений

  5. Щелкните событие, чтобы просмотреть сведения о нем в пространстве под таблицей.

    Просмотр сведений о событии в области Уведомлений

Обработчик платежей

API обработчика платежей позволяет веб-приложениям обрабатывать платежные запросы от имени пользователей. См. раздел API обработчика платежей в MDN.

Чтобы регистрировать запросы на оплату и события ответа в течение 3 дней, даже если средства разработки не открыты, выполните следующие действия.

  1. Щелкните веб-страницу правой кнопкой мыши и выберите Пункт Проверить. Откроется devTools.

    Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Обработчик платежей. Откроется страница Обработчик платежей .

    Панель Обработчик платежей

  4. Щелкните Запись (Запись). После активации некоторых запросов на оплату DevTools записывает события в таблицу.

    Журнал событий в области обработчика платежей

  5. Щелкните событие, чтобы просмотреть сведения о нем в пространстве под таблицей.

    Просмотр сведений о событии в области Обработчик платежей

Периодическая фоновая синхронизация

API периодической синхронизации в фоновом режиме позволяет рабочей роли службы прогрессивного веб-приложения периодически извлекать данные с сервера, даже если веб-сайт не открыт. См . статью Использование API периодической фоновой синхронизации для регулярного получения нового содержимого в разделе Синхронизация и обновление PWA в фоновом режиме.

Чтобы регистрировать события периодической фоновой синхронизации в течение 3 дней, даже если средства разработки не открыты, выполните приведенные ниже действия.

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Периодическая фоновая синхронизация. Откроется страница Периодическая фоновая синхронизация .

    Область Периодической фоновой синхронизации

  4. Щелкните Запись (Запись). После активации некоторых действий периодической синхронизации в фоновом режиме devTools записывает события в таблицу.

    Журнал событий в области Периодическая фоновая синхронизация

Push-сообщения

Чтобы отобразить push-уведомление пользователю, рабочая роль службы прогрессивного веб-приложения должна сначала использовать API push-сообщений для получения данных с сервера. Когда рабочая роль службы будет готова к отображению уведомления, она использует API уведомлений. Чтобы регистрировать push-сообщения в течение 3 дней, даже если средства разработки не открыты:

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите Push Messaging. Откроется страница отправки сообщений .

    Открытие области отправки сообщений

  4. Щелкните Запись (Запись). После активации некоторых действий push-сообщений DevTools записывает события в таблицу.

    Журнал событий в области отправки push-сообщений

  5. Щелкните событие, чтобы просмотреть сведения в пространстве под таблицей.

    Просмотр сведений о событии в области отправки сообщений

API отчетов

API отчетов позволяет веб-разработчикам получать сообщения о нарушениях безопасности, устаревших вызовах API и т. д. с рабочих веб-сайтов.

Чтобы просмотреть отчеты, отправленные браузером с помощью API отчетов, выполните следующие действия.

  1. Откройте DevTools, щелкнув правой кнопкой мыши веб-страницу и выбрав Пункт Проверить. Или нажав клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).

  2. В средствах разработки на главной панели инструментов выберите вкладку Приложение . Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  3. Слева в разделе Фоновые службы выберите API отчетов. Откроется страница API отчетов .

    Открытие области API отчетов

  4. На странице API отчетов отображаются отчеты, отправленные в таблице вверху.

    Список отчетов в области API отчетов

  5. Щелкните отчет, чтобы просмотреть сведения в пространстве под таблицей.

    Просмотр сведений об отчете на панели API отчетов

  6. На странице API отчетов также отображается список конечных точек отчетов, настроенных с помощью заголовка Reporting-Endpoints HTTP в таблице внизу.

    Просмотр списка конечных точек отчетов на панели API отчетов

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Кейс Баски. Creative Commons License Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.

  • Last updated on