Het gedeelte Achtergrondservices van Chrome DevTools is een verzameling hulpprogramma's voor de JavaScript-API's waarmee uw website updates kan verzenden en ontvangen, zelfs als een gebruiker uw website niet geopend heeft. Een achtergrondservice is functioneel vergelijkbaar met een achtergrondproces .
In het gedeelte Achtergrondservices kunt u fouten opsporen in de volgende achtergrondservices:
Chrome DevTools kan ophaal-, synchronisatie- en meldingsgebeurtenissen gedurende drie dagen registreren, zelfs als DevTools niet geopend is. Dit kan u helpen ervoor te zorgen dat gebeurtenissen worden verzonden en ontvangen zoals verwacht.
Naast servicegebeurtenissen op de achtergrond kan DevTools:
- Laat u rapporten zien die Chrome al heeft verzonden of op het punt staat te verzenden met behulp van de Reporting API .
- Laat u met één klik fouten opsporen en de cache achteruit/vooruit testen .
Achtergrond ophalen
Met de Background Fetch API kan een servicemedewerker op betrouwbare wijze grote bronnen, zoals films of podcasts, downloaden als achtergrondservice. Ophaalgebeurtenissen op de achtergrond gedurende drie dagen registreren, zelfs als DevTools niet geopend is:
- Open bijvoorbeeld DevTools op deze demopagina .
Navigeer naar Toepassing > Achtergrondservices > Achtergrond ophalen en klik
Dossier . 
Klik op de demopagina op Activa lokaal opslaan . Dit activeert enige ophaalactiviteit op de achtergrond. DevTools registreert de gebeurtenissen in de tabel.
Klik op een gebeurtenis om de details ervan in de ruimte onder de tabel te bekijken.
U kunt DevTools sluiten en de opname maximaal drie dagen laten staan. Om de opname te stoppen, klikt u op
Stop .
Achtergrondsynchronisatie
Met de Background Sync API kan een offline servicemedewerker gegevens naar een server verzenden zodra deze weer een betrouwbare internetverbinding tot stand heeft gebracht. Zo logt u achtergrondsynchronisatiegebeurtenissen gedurende drie dagen, zelfs als DevTools niet geopend is:
- Open bijvoorbeeld DevTools op deze demopagina .
Navigeer naar Applicatie > Achtergrondservices > Achtergrondsynchronisatie en klik
Dossier . 
Klik op de demopagina op Achtergrondsynchronisatie registreren om de betreffende servicemedewerker te registreren en klik op Toestaan wanneer daarom wordt gevraagd.
Registratie van servicemedewerkers is een synchronisatieactiviteit op de achtergrond. DevTools registreert de gebeurtenissen in de tabel.
Klik op een gebeurtenis om de details ervan in de ruimte onder de tabel te bekijken.
U kunt DevTools sluiten en de opname maximaal drie dagen laten staan. Om de opname te stoppen, klikt u op
Stop .
(Experimenteel) Maatregelen bij het volgen van bounces
Met het experiment voor het beperken van bouncetracking in Chrome kunt u de status van sites die cross-site tracking lijken te identificeren en verwijderen met behulp van de techniek voor bouncetracking. U kunt trackingbeperkingen handmatig afdwingen en een lijst bekijken met sites waarvan de status is verwijderd.
Trackingbeperkingen afdwingen:
- Blokkeer cookies van derden in Chrome . Navigeer naar en schakel in
> Instellingen > 
Privacy en veiligheid > Cookies en andere sitegegevens > 
Cookies van derden blokkeren . - Stel in
chrome://flagshet experiment voor het beperken van het bijhouden van bounces in op Ingeschakeld met verwijdering . - Open DevTools bijvoorbeeld op de demopagina en navigeer naar Toepassing > Achtergrondservices > Beperkingen bij het bijhouden van bounces .
- Klik op de demopagina op een bounce-link en wacht (10 seconden) totdat Chrome de bounce registreert. Op het tabblad Problemen wordt u gewaarschuwd voor de aanstaande verwijdering van de status.
- Klik op Geforceerd uitvoeren om de status onmiddellijk te verwijderen.
Meldingen
Nadat een servicemedewerker een pushbericht van een server heeft ontvangen, gebruikt de servicemedewerker de Notifications API om de gegevens aan een gebruiker weer te geven. Meldingen gedurende drie dagen registreren, zelfs als DevTools niet geopend is:
- Open bijvoorbeeld DevTools op deze demopagina .
Navigeer naar Applicatie > Achtergrondservices > Meldingen en klik
Dossier . 
Klik op de demopagina op Melding plannen en Toestaan wanneer daarom wordt gevraagd.
Wacht tot de melding verschijnt. DevTools registreert de meldingsgebeurtenissen in de tabel.
Klik op een gebeurtenis om de details ervan in de ruimte onder de tabel te bekijken.
U kunt DevTools sluiten en de opname maximaal drie dagen laten staan. Om de opname te stoppen, klikt u op
Stop .
Speculatieve ladingen
Met speculatieve ladingen kan de pagina vrijwel onmiddellijk worden geladen op basis van speculatieregels die u definieert . Hierdoor kan uw website de meeste genavigeerde pagina's vooraf ophalen en vooraf renderen.
Prefetch haalt vooraf een bron op en prerender gaat nog een stap verder en geeft de hele pagina weer in een verborgen achtergrondrendererproces.
U kunt fouten in speculatieve belastingen opsporen in de sectie Toepassing > Achtergrondservices > Speculatieve belastingen . De sectie bevat drie weergaven:
- Speculatieve ladingen . Bevat de speculatieve status voor de huidige pagina, de huidige URL, pagina's die de huidige pagina speculatief probeert te laden, en hun statussen.
- Reglement . Bevat de regelsets op de huidige pagina in het paneel Elementen en de algemene status van speculaties.
- Speculaties . Bevat een tabel met informatie over speculatieve laadpogingen en hun status. Als een poging mislukt, kunt u erop klikken in de tabel om gedetailleerde informatie en de reden van de mislukking te zien.
Probeer het debuggen van speculatieve ladingen op deze demopagina :
Open DevTools op de pagina en navigeer naar Toepassing > Achtergrondservices > Speculatieve ladingen . Als u geen speculatieve ladingen ziet die door de pagina zijn geïnitieerd, laadt u deze opnieuw.
De startpagina van de demo geeft twee pagina's vooraf weer, maar slaagt er niet in om er één vooraf te renderen. Klik op Alle speculaties bekijken .
Selecteer in Speculaties de speculatie met de status Mislukking om de reden van de mislukking te zien in het gedeelte met gedetailleerde informatie onderaan.
In dit geval is de pre-render mislukt omdat er geen
/next3.htmlop de website staat.Open het gedeelte Regels en klik op Status om de regelset onderaan te zien. Als u op de link Regelset klikt, gaat u naar het paneel Elementen en ziet u waar de speculatieregel is gedefinieerd.
Zie Foutopsporing in speculatieregels voor een gedetailleerder overzicht.
Pushberichten
Om een pushmelding aan een gebruiker weer te geven, moet een servicemedewerker eerst de Push Message API gebruiken om gegevens van een server te ontvangen. Wanneer de servicemedewerker klaar is om de melding weer te geven, gebruikt hij de Notifications API. Om push-berichten gedurende drie dagen vast te leggen, zelfs als DevTools niet geopend is:
- Open bijvoorbeeld DevTools op deze demopagina .
Navigeer naar Applicatie > Achtergrondservices > Pushberichten en klik
Dossier . 
Op de demopagina schakelt u Pushmeldingen inschakelen in , klikt u op Toestaan wanneer daarom wordt gevraagd, typt u een bericht en verzendt u dit. DevTools registreert pushmeldingsgebeurtenissen naar de tabel.
Klik op een gebeurtenis om de details ervan in de ruimte onder de tabel te bekijken.
U kunt DevTools sluiten en de opname maximaal drie dagen laten staan. Om de opname te stoppen, klikt u op
Stop .
Rapportage-API
Sommige fouten gebeuren alleen in de productie. Je ziet ze nooit lokaal of tijdens de ontwikkeling, omdat echte gebruikers, netwerken en apparaten het spel veranderen.
Stel bijvoorbeeld dat uw nieuwe site afhankelijk is van software van derden die document.write() gebruikt om kritieke scripts te laden. Nieuwe gebruikers over de hele wereld openen uw site, maar ze hebben mogelijk langzamere verbindingen dan waarmee u hebt getest. U weet niet dat uw site voor hen kapot gaat, omdat Chrome ingrijpt tegen document.write() op langzame netwerken. U kunt ook verouderde of binnenkort verouderde API's in de gaten houden die uw codebase mogelijk gebruikt.
De Reporting API is ontworpen om u te helpen verouderde API-aanroepen, beveiligingsschendingen van uw pagina en meer te monitoren. U kunt rapportage instellen zoals beschreven in Monitor uw webapplicatie met de Reporting API .
Om de rapporten te bekijken die door een pagina zijn gegenereerd:
- Ga naar
chrome://flags/#enable-experimental-web-platform-features, stel Experimental Web Platform-functies in op Ingeschakeld en start Chrome opnieuw. Open DevTools en navigeer naar Toepassing > Achtergrondservices > Rapportage-API . U kunt bijvoorbeeld rapporten bekijken op deze demopagina .
Het tabblad Rapportage-API is verdeeld in drie delen:
- De tabel Rapporten met de volgende informatie over elk rapport:
- URL die het genereren van het rapport heeft veroorzaakt
- Type overtreding
- Rapportstatus
- Eindpunt van bestemming
- Gegenereerd op tijdstempel
- Rapporttekst
- Het gedeelte Voorbeeld van rapporttekst . Als u een voorbeeld van de hoofdtekst van een rapport wilt bekijken, klikt u op een rapport in de tabel met rapporten.
- De sectie Eindpunten met een overzicht van alle eindpunten die zijn geconfigureerd in de kop
Reporting-Endpoints.
Rapportstatus
In de kolom Status ziet u of Chrome het rapport succesvol heeft verzonden, op het punt staat het te verzenden of is mislukt.
| Toestand | Beschrijving |
|---|---|
Success | De browser heeft het rapport verzonden en het eindpunt heeft geantwoord met een succescode ( 200 of een andere succesreactiecode 2xx ). |
Pending | De browser probeert het rapport te verzenden. |
Queued | Het rapport is gegenereerd en de browser probeert het nog niet te verzenden. In een van deze twee gevallen wordt een rapport weergegeven als In Queued :
|
MarkedForRemoval | Na een tijdje opnieuw proberen ( Queued ), probeert de browser het rapport niet meer te verzenden en zal het binnenkort uit de lijst met te verzenden rapporten verwijderen. |
Rapporten worden na een tijdje verwijderd, ongeacht of ze succesvol zijn verzonden.