Partage via

Déboguer les services en arrière-plan

  • Article

La section Services d’arrière-plan de Microsoft Edge DevTools est une collection d’outils pour les API web qui permettent à votre site web d’envoyer et de recevoir des données même lorsqu’un utilisateur n’utilise pas votre site web, et qui permettent au navigateur de signaler les problèmes de production à votre serveur.

Microsoft Edge DevTools considère chacune des API suivantes comme un service en arrière-plan :

La section Services d’arrière-plan journalise les événements d’API, même lorsque vous n’utilisez pas DevTools, pour vous assurer que les événements sont envoyés et reçus comme prévu.

Récupération en arrière-plan

L’API De récupération en arrière-plan permet au worker de service d’une application web progressive de télécharger de manière fiable des ressources volumineuses, telles que des films ou des podcasts, en tant que service en arrière-plan. Pour journaliser les événements d’extraction en arrière-plan pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services d’arrière-plan , sélectionnez Récupération en arrière-plan. La page Récupération en arrière-plan s’ouvre.

    Panneau Récupération en arrière-plan

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché une activité d’extraction en arrière-plan, DevTools journalise les événements dans la table.

    Journal des événements dans le panneau Récupération en arrière-plan

  5. Cliquez sur un événement pour afficher ses détails dans l’espace sous le tableau.

    Afficher les détails d’un événement dans le volet Récupération en arrière-plan

Synchronisation en arrière-plan

L’API de synchronisation en arrière-plan permet au worker de service hors connexion d’une application web progressive d’envoyer des données à un serveur une fois qu’il a rétabli une connexion Internet fiable. Pour journaliser les événements de synchronisation en arrière-plan pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services d’arrière-plan , sélectionnez Synchronisation en arrière-plan. La page Synchronisation d’arrière-plan s’ouvre.

    Volet Synchronisation en arrière-plan

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché une activité de synchronisation en arrière-plan, DevTools journalise les événements dans la table.

    Journal des événements dans le volet Synchronisation en arrière-plan

  5. Sélectionnez un événement pour afficher ses détails dans l’espace sous le tableau.

    Afficher les détails d’un événement dans le volet Synchronisation en arrière-plan

Notifications

Une fois qu’un service Worker a reçu un message Push d’un serveur, il utilise l’API Notifications pour afficher les données à un utilisateur. Pour journaliser les notifications pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services en arrière-plan , sélectionnez Notifications. La page Notifications s’ouvre.

    Volet Notifications

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché une activité Notifications, DevTools enregistre les événements dans la table.

    Journal des événements dans le volet Notifications

  5. Cliquez sur un événement pour afficher ses détails dans l’espace sous le tableau.

    Afficher les détails d’un événement dans le volet Notifications

Gestionnaire de paiement

L’API Gestionnaire de paiement permet aux applications web de gérer les demandes de paiement pour le compte des utilisateurs. Pour enregistrer les événements de demande de paiement et de réponse pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services en arrière-plan , sélectionnez Gestionnaire de paiement. La page Gestionnaire de paiement s’ouvre.

    Volet Gestionnaire de paiement

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché certaines demandes de paiement, DevTools enregistre les événements dans la table.

    Journal des événements dans le volet Gestionnaire de paiement

  5. Cliquez sur un événement pour afficher ses détails dans l’espace sous le tableau.

    Afficher les détails d’un événement dans le volet Gestionnaire de paiement

Synchronisation périodique en arrière-plan

L’API Synchronisation périodique en arrière-plan permet au worker de service d’une application web progressive de récupérer régulièrement des données à partir d’un serveur, même lorsque le site web n’est pas ouvert. Pour en savoir plus sur l’API synchronisation périodique en arrière-plan, consultez Utiliser l’API de synchronisation en arrière-plan périodique pour obtenir régulièrement du contenu actualisé.

Pour enregistrer les événements périodiques de synchronisation en arrière-plan pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services en arrière-plan , sélectionnez Synchronisation en arrière-plan périodique. La page Synchronisation périodique de l’arrière-plan s’ouvre.

    Volet Synchronisation périodique de l’arrière-plan

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché une activité de synchronisation en arrière-plan périodique, DevTools enregistre les événements dans la table.

    Journal des événements dans le volet Synchronisation périodique en arrière-plan

Push Messages

Pour afficher une notification Push à un utilisateur, le worker de service d’une application web progressive doit d’abord utiliser l’API Push Message pour recevoir des données d’un serveur. Lorsque le Service Worker est prêt à afficher la notification, il utilise l’API Notifications. Pour enregistrer les messages Push pendant 3 jours, même lorsque DevTools n’est pas ouvert :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services en arrière-plan , sélectionnez Messagerie push. La page Push Messaging s’ouvre.

    Ouvrir le volet Messagerie Push

  4. Cliquez sur Enregistrement (Enregistrement). Après avoir déclenché une activité de message Push, DevTools enregistre les événements dans la table.

    Journal des événements dans le volet Messagerie push

  5. Cliquez sur un événement pour afficher les détails dans l’espace sous le tableau.

    Afficher les détails d’un événement dans le volet Messagerie push

API de création de rapports

L’API de création de rapports permet aux développeurs web de recevoir des rapports de violations de sécurité, d’appels d’API déconseillés et d’autres à partir de leurs sites web de production.

Pour afficher les rapports qui ont été envoyés par le navigateur à l’aide de l’API de création de rapports :

  1. Ouvrez DevTools en cliquant avec le bouton droit sur la page web et en sélectionnant Inspecter. Ou en appuyant sur Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’outils main, sélectionnez l’onglet Application. Si cet onglet n’est pas visible, cliquez sur le bouton Plus d’onglets (icône Autres onglets) ou sur le bouton Plus d’outils (icône Autres outils).

  3. Sur la gauche, dans la section Services d’arrière-plan , sélectionnez API de création de rapports. La page API de création de rapports s’ouvre.

    Ouvrir le volet API de création de rapports

  4. La page API de création de rapports affiche les rapports envoyés dans le tableau en haut.

    Liste des rapports dans le volet API de création de rapports

  5. Cliquez sur un rapport pour afficher les détails dans l’espace sous le tableau.

    Afficher les détails d’un rapport dans le volet API de création de rapports

  6. La page API de création de rapports affiche également la liste des points de terminaison de création de rapports configurés via l’en-tête Reporting-Endpoints HTTP dans le tableau en bas.

    Afficher la liste des points de terminaison de création de rapports dans le volet API de création de rapports

Remarque

Les parties de cette page sont des modifications basées sur le travail créé et partagé par Google et utilisées conformément aux termes décrits dans la licence internationale Creative Commons Attribution 4.0. La page originale se trouve ici et est créée par Kayce Basques. Licence Creative Commons Cette œuvre est concédée sous licence creative commons attribution 4.0 international.