Debuggen von Hintergrunddiensten

Der Abschnitt Hintergrunddienste von Microsoft Edge DevTools ist eine Sammlung von Tools für die Web-APIs, die es Ihrer Website ermöglichen, Daten auch dann zu senden und zu empfangen, wenn ein Benutzer Ihre Website nicht verwendet, und es dem Browser ermöglichen, Produktionsprobleme an Ihren Server zu melden.

Microsoft Edge DevTools betrachtet jede der folgenden APIs als Hintergrunddienst:

• Hintergrundabruf
• Hintergrundsynchronisierung
• Benachrichtigungen
• Zahlungshandler
• Regelmäßige Hintergrundsynchronisierung
• Pushnachrichten
• Berichterstellungs-API

Der Abschnitt Hintergrunddienste protokolliert API-Ereignisse, auch wenn Sie DevTools nicht verwenden, um sicherzustellen, dass Ereignisse wie erwartet gesendet und empfangen werden.

Hintergrundabruf

Die Hintergrundabruf-API ermöglicht es dem Service Worker einer progressiven Web-App, große Ressourcen wie Filme oder Podcasts zuverlässig als Hintergrunddienst herunterzuladen. So protokollieren Sie Hintergrundabrufereignisse für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie links im Abschnitt Hintergrunddienste die Option Hintergrundabruf aus. Die Seite Hintergrundabruf wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einer Hintergrundabrufaktivität protokolliert DevTools die Ereignisse in der Tabelle.

   

5. Klicken Sie auf ein Ereignis, um dessen Details im Bereich unterhalb der Tabelle anzuzeigen.

   

Hintergrundsynchronisierung

Die Hintergrundsynchronisierungs-API ermöglicht es dem Offline-Service-Worker einer progressiven Web-App, Daten an einen Server zu senden, sobald eine zuverlässige Internetverbindung wiederhergestellt wurde. So protokollieren Sie Hintergrundsynchronisierungsereignisse für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienste die Option Hintergrundsynchronisierung aus. Die Seite Hintergrundsynchronisierung wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einer Hintergrundsynchronisierungsaktivität protokolliert DevTools die Ereignisse in der Tabelle.

   

5. Wählen Sie ein Ereignis aus, um seine Details im Bereich unterhalb der Tabelle anzuzeigen.

   

Benachrichtigungen

Nachdem ein Service Worker eine Pushnachricht von einem Server empfangen hat, verwendet der Service Worker die Benachrichtigungs-API , um die Daten einem Benutzer anzuzeigen. So protokollieren Sie Benachrichtigungen für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienste die Option Benachrichtigungen aus. Die Seite Benachrichtigungen wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einiger Benachrichtigungsaktivitäten protokolliert DevTools die Ereignisse in der Tabelle.

   

5. Klicken Sie auf ein Ereignis, um dessen Details im Bereich unterhalb der Tabelle anzuzeigen.

   

Zahlungshandler

Mit der Zahlungshandler-API können Webanwendungen Zahlungsanforderungen im Namen von Benutzern verarbeiten. So protokollieren Sie die Zahlungsanforderungs- und Antwortereignisse für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienstedie Option Zahlungshandler aus. Die Seite Zahlungshandler wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einiger Zahlungsanforderungen protokolliert DevTools die Ereignisse in der Tabelle.

   

5. Klicken Sie auf ein Ereignis, um dessen Details im Bereich unterhalb der Tabelle anzuzeigen.

   

Regelmäßige Hintergrundsynchronisierung

Die API für die regelmäßige Hintergrundsynchronisierung ermöglicht es dem Service Worker einer progressiven Web-App, daten regelmäßig von einem Server abzurufen, auch wenn die Website nicht geöffnet ist. Weitere Informationen zur API für die regelmäßige Hintergrundsynchronisierung finden Sie unter Verwenden der API für die regelmäßige Hintergrundsynchronisierung, um regelmäßig neue Inhalte abzurufen.

So protokollieren Sie periodische Hintergrundsynchronisierungsereignisse für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienste die Option Periodische Hintergrundsynchronisierung aus. Die Seite Periodische Hintergrundsynchronisierung wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einer aktivität der regelmäßigen Hintergrundsynchronisierung protokolliert DevTools die Ereignisse in der Tabelle.

   

Pushnachrichten

Um einem Benutzer eine Pushbenachrichtigung anzuzeigen, muss der Service Worker einer progressiven Web-App zuerst die Pushnachrichten-API verwenden, um Daten von einem Server zu empfangen. Wenn der Service Worker bereit ist, die Benachrichtigung anzuzeigen, verwendet er die Benachrichtigungs-API. So protokollieren Sie Pushnachrichten für 3 Tage, auch wenn DevTools nicht geöffnet ist:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienste die Option Pushmessaging aus. Die Seite Pushnachrichten wird geöffnet.

   

4. Klicken Sie auf Datensatz (). Nach dem Auslösen einer Pushnachrichtenaktivität protokolliert DevTools die Ereignisse in der Tabelle.

   

5. Klicken Sie auf ein Ereignis, um die Details im Bereich unterhalb der Tabelle anzuzeigen.

   

Berichterstellungs-API

Die Berichterstellungs-API ermöglicht Es Webentwicklern, Berichte über Sicherheitsverletzungen, veraltete API-Aufrufe und andere von ihren Produktionswebsites zu erhalten.

So zeigen Sie Berichte an, die vom Browser mithilfe der Berichterstellungs-API gesendet wurden:

1. Öffnen Sie DevTools, indem Sie mit der rechten Maustaste auf die Webseite klicken und Überprüfen auswählen. Oder drücken Sie STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS).

2. Wählen Sie in DevTools auf der Symbolleiste Standard die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Registerkarten () oder auf die Schaltfläche Weitere Tools ().

3. Wählen Sie auf der linken Seite im Abschnitt Hintergrunddienste die Option Berichterstellungs-API aus. Die Seite Berichterstellungs-API wird geöffnet.

   

4. Auf der Seite Berichts-API werden die in der Tabelle gesendeten Berichte oben angezeigt.

   

5. Klicken Sie auf einen Bericht, um die Details im Bereich unterhalb der Tabelle anzuzeigen.

   

6. Auf der Seite Berichts-API wird auch die Liste der Berichtsendpunkte angezeigt, die über den Reporting-Endpoints HTTP-Header in der Tabelle unten konfiguriert wurden.

   

Hinweis

Teile dieser Seite sind Änderungen, die auf Arbeiten basieren, die von Google erstellt und geteilt und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bedingungen verwendet werden. Die originale Seite finden Sie hier und wird von Kayce Basques geschrieben. Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.