Gebruik het paneel Applicaties om vele aspecten van uw web-app te inspecteren, aan te passen en fouten op te sporen, inclusief het manifest, servicewerknemers, opslag en cachegegevens.
Overzicht
Het Applicatiepaneel is verdeeld in vier secties met submenu's. Hieronder volgen deze secties en submenu's:
Applicatie : bevat overkoepelende informatie over de app, inclusief het manifest, servicemedewerkers en opslag.
- Het tabblad Manifest presenteert informatie uit
manifest.jsonop een gebruiksvriendelijke manier. Het geeft ook eventuele fouten en waarschuwingen weer in de overeenkomstige sectie. - Op het tabblad Servicewerknemers kunt u servicewerknemers inspecteren en fouten opsporen door push-gebeurtenissen te emuleren, een service bij te werken en meer.
- Het tabblad Opslag bevat een cirkeldiagram waarin de verdeling van het geheugen wordt weergegeven dat wordt gebruikt door cacheopslag, IndexedDB en servicewerknemers. U kunt ook sitegegevens wissen en een aangepast opslagquotum simuleren.
Opslag : bekijk en bewerk de verschillende opslagmethoden die door een webapp worden gebruikt.
- Met lokale en sessieopslaglijsten kunt u een oorsprong selecteren en de sleutelwaardeparen van de bijbehorende opslagmethoden bewerken.
- De IndexedDB- lijst bevat databases en biedt u de mogelijkheid objectarchieven vanuit de browser te inspecteren.
- In de Cookies- lijst kunt u een herkomst selecteren en de sleutel-waardeparen bewerken.
- Met privéstatustokens en interessegroepen kunt u de bijbehorende tokens en groepen inspecteren, indien aanwezig.
- In de lijst Gedeelde opslag kunt u een oorsprong selecteren en de bijbehorende sleutel-waardeparen inspecteren en bewerken.
- De cache-opslaglijst bevat beschikbare caches en biedt u de mogelijkheid hun bronnen te inspecteren, filteren en verwijderen.
Achtergrondservices : achtergrondservices inspecteren, testen en fouten opsporen.
- Op het tabblad Back/forward cache kunt u tests uitvoeren op de back/forward cache in de browser. Het rapporteert ook problemen die back-forward-caching mogelijk verhinderen.
- Op het tabblad Achtergrond ophalen kunt u gedurende maximaal drie dagen activiteiten van de Background Fetch API registreren.
- Op het tabblad Achtergrondsynchronisatie kunt u gedurende maximaal drie dagen activiteiten van de Achtergrondsynchronisatie-API registreren.
- Op het tabblad Beperkingen voor het bijhouden van bounces kunt u de status van sites identificeren en verwijderen die cross-site tracking lijken uit te voeren met behulp van de techniek voor het bijhouden van bounces.
- Op het tabblad Meldingen kunt u maximaal drie dagen pushberichten opnemen.
- Op het tabblad Betalingsverwerker kunt u gebeurtenissen van de betalingsverwerker gedurende maximaal drie dagen registreren.
- Op het tabblad Periodieke achtergrondsynchronisatie kunt u gedurende maximaal drie dagen belangrijke gebeurtenissen in de levenscyclus van periodieke achtergrondsynchronisatie vastleggen, zoals registreren voor synchronisatie, uitvoeren van een achtergrondsynchronisatie en de registratie ongedaan maken.
- Op het tabblad Speculatieve belastingen kunt u fouten in speculatieve belastingen opsporen. Het toont de speculatieve status, regelsets en speculatieve laadpogingen.
- Op het tabblad Pushberichten kunt u pushberichten van maximaal drie dagen opnemen en loggen.
- Het tabblad Rapportage-API controleert uw site en rapporteert verouderde API-aanroepen en beveiligingsschendingen.
Frames : Verdeelt pagina's en bronnen in meerdere weergaven en geeft relevante informatie weer, zoals Beveiliging en isolatie , Content Security Policy , API-beschikbaarheid en meer.
Open het applicatiepaneel
Om het Applicatiepaneel te openen:
- Open DevTools .
- Open het Commandomenu door op te drukken:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P
- Begin met het typen van
application, selecteer Toepassing weergeven en druk op Enter . DevTools geeft het toepassingspaneel weer bovenaan uw DevTools-venster.
U kunt het toepassingspaneel ook op de volgende manieren openen:
- Klik in de actiebalk bovenaan op double_arrow Meer panelen en selecteer Toepassing in de vervolgkeuzelijst.
- Selecteer in de rechterbovenhoek more_vert Meer opties > Meer tools > Toepassing .