Im Bereich Anwendung können Sie viele Aspekte Ihrer Webanwendung untersuchen, ändern und debuggen, darunter Manifest-, Service Worker-, Speicher- und Cache-Daten.
Überblick
Der Bereich Application (Anwendungen) ist in vier Abschnitte mit Untermenüs unterteilt. Im Folgenden finden Sie diese Abschnitte und Untermenüs:
Anwendung: Enthält allgemeine Informationen zur App, z. B. Manifest, Service Worker und Speicher.
- Auf dem Tab Manifest werden Informationen von
manifest.jsonnutzerfreundlich präsentiert. Gegebenenfalls werden im entsprechenden Bereich auch Fehler und Warnungen angezeigt. - Auf dem Tab Service-Worker können Sie Service Worker prüfen und debuggen, indem Sie Push-Ereignisse emulieren, einen Dienst aktualisieren und vieles mehr.
- Der Tab Speicher enthält ein Kreisdiagramm, das die Verteilung des von Cache-Speichers, IndexedDB und Service Workern verwendeten Arbeitsspeichers darstellt. Sie können auch Websitedaten löschen und ein benutzerdefiniertes Speicherkontingent simulieren.
Speicher: Hier können Sie die verschiedenen Speichermethoden einer Webanwendung ansehen und bearbeiten.
- In den Listen Lokaler und Sitzungsspeicher können Sie einen Ursprung auswählen und die Schlüssel/Wert-Paare der zugehörigen Speichermethoden bearbeiten.
- Die Liste IndexedDB enthält Datenbanken und ermöglicht Ihnen, Objektspeicher über den Browser zu untersuchen.
- In der Liste Cookies können Sie einen Ursprung auswählen und die Schlüssel/Wert-Paare bearbeiten.
- Mit Tokens für den privaten Status und Interessengruppen können Sie die entsprechenden Tokens und Gruppen prüfen, sofern vorhanden.
- In der Liste Freigegebener Speicher können Sie einen Ursprung auswählen und die zugehörigen Schlüssel/Wert-Paare prüfen und bearbeiten.
- Die Liste Cache-Speicher enthält die verfügbaren Caches. Sie können deren Ressourcen untersuchen, filtern und löschen.
Hintergrunddienste: Hiermit können Sie Hintergrunddienste prüfen, testen und debuggen.
- Auf dem Tab Back-Forward-Cache können Sie den Back-Forward-Cache im Browser testen. Außerdem werden Probleme gemeldet, die möglicherweise das Back-Forward-Caching verhindern.
- Auf dem Tab Hintergrundabruf können Sie die Aktivitäten der Background Fetch API bis zu drei Tage lang aufzeichnen.
- Auf dem Tab Hintergrundsynchronisierung kannst du Aktivitäten aus der Background Sync API bis zu drei Tage lang aufzeichnen.
- Auf dem Tab Eindämmung von Bounce-Tracking können Sie den Status von Websites ermitteln und löschen, die offenbar mit der Bounce-Tracking-Technik websiteübergreifendes Tracking durchführen.
- Auf dem Tab Benachrichtigungen können Sie Push-Nachrichten bis zu drei Tage lang aufzeichnen.
- Auf dem Tab Zahlungs-Handler können Sie Zahlungs-Handler-Ereignisse bis zu drei Tage lang aufzeichnen.
- Auf dem Tab Regelmäßige Hintergrundsynchronisierung können Sie wichtige Ereignisse bis zu drei Tage während des Lebenszyklus der regelmäßigen Hintergrundsynchronisierung aufzeichnen, z. B. die Registrierung für die Synchronisierung, die Durchführung einer Hintergrundsynchronisierung oder das Aufheben der Registrierung.
- Auf dem Tab Spekulative Ladevorgänge können Sie Fehler bei spekulativen Ladevorgängen beheben. Hier sehen Sie den spekulativen Status, Regelsätze und spekulative Ladeversuche.
- Auf dem Tab Push-Benachrichtigungen können Sie Push-Nachrichten bis zu drei Tage lang aufzeichnen und protokollieren.
- Auf dem Tab Reporting API werden Ihre Website überwacht und eingestellte API-Aufrufe und Sicherheitsverstöße werden gemeldet.
Frames: Unterteilt Seiten und Ressourcen in mehrere Ansichten und enthält relevante Informationen wie z. B. Sicherheit und Isolierung, Content Security Policy und API-Verfügbarkeit.
Anwendungsbereich öffnen
So öffnen Sie das Steuerfeld Anwendung:
- Öffnen Sie die Entwicklertools.
- Öffnen Sie das Befehlsmenü durch Drücken von:
- macOS: Befehlstaste + Umschalttaste + P
- Windows, Linux, ChromeOS: Strg + Umschalttaste + P
- Beginnen Sie mit der Eingabe von
application, wählen Sie Show Application (Anwendung anzeigen) aus und drücken Sie die Eingabetaste. In den Entwicklertools wird oben im Fenster „Entwicklertools“ der Bereich Anwendung angezeigt.
Alternativ können Sie das Steuerfeld Anwendung auf folgende Arten öffnen:
- Klicken Sie oben in der Aktionsleiste auf double_arrow Weitere Bereiche und wählen Sie aus der Drop-down-Liste Anwendung aus.
- Wählen Sie rechts oben more_vert Weitere Optionen > Weitere Tools > Anwendung aus.