Im Bereich Anwendung können Sie viele Aspekte Ihrer Webanwendung prüfen, ändern und debuggen, einschließlich Manifest, Dienstworker, Speicher und Cache-Daten.
Übersicht
Der Bereich Anwendung ist in vier Abschnitte mit Untermenüs unterteilt. Im Folgenden finden Sie diese Abschnitte und Untermenüs:
Anwendung: Enthält allgemeine Informationen zur App, einschließlich Manifest, Service Worker und Speicher.
- Auf dem Tab Manifest werden Informationen aus
manifest.jsonauf nutzerfreundliche Weise präsentiert. Im entsprechenden Bereich werden gegebenenfalls auch Fehler und Warnungen angezeigt. - Auf dem Tab Dienstworker können Sie Dienstworker prüfen und beheben, indem Sie beispielsweise Push-Ereignisse emulieren oder einen Dienst aktualisieren.
- Der Tab Speicher enthält ein Kreisdiagramm, das die Verteilung des Arbeitsspeichers zeigt, der vom Cachespeicher, IndexedDB und Service Workern verwendet wird. Sie können auch Websitedaten löschen und ein benutzerdefiniertes Speicherkontingent simulieren.
Speicher: Hier können Sie die verschiedenen Speichermethoden einer Webanwendung aufrufen und bearbeiten.
- In den Listen Local und Session storage 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 es Ihnen, Objektspeicher über den Browser zu prüfen.
- In der Liste Cookies können Sie einen Ursprung auswählen und die Schlüssel/Wert-Paare bearbeiten.
- Über Private State Tokens und Interessengruppen können Sie die entsprechenden Tokens und Gruppen prüfen, falls 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 verfügbare Caches. Dort können Sie die Ressourcen prüfen, filtern und löschen.
Hintergrunddienste: Hier können Sie Hintergrunddienste prüfen, testen und debuggen.
- Auf dem Tab Back-Forward-Cache können Sie im Browser Tests für den Back-Forward-Cache ausführen. Außerdem werden Probleme gemeldet, die das Back-/Forward-Caching möglicherweise verhindern.
- Auf dem Tab Abruf im Hintergrund können Sie Aktivitäten der Background Fetch API bis zu drei Tage lang erfassen.
- Auf dem Tab Hintergrundsynchronisierung können Sie Aktivitäten der Background Sync API bis zu drei Tage lang erfassen.
- Auf dem Tab Eindämmung von Bounce-Tracking können Sie den Status von Websites ermitteln und löschen, die offenbar Cross-Site-Tracking mithilfe von Bounce-Tracking durchführen.
- Auf dem Tab Benachrichtigungen können Sie Push-Nachrichten bis zu drei Tage lang aufzeichnen.
- Auf dem Tab Payment Handler können Sie Payment Handler-Ereignisse bis zu drei Tage lang erfassen.
- Auf dem Tab Regelmäßige Hintergrundsynchronisierung können Sie Schlüsselereignisse für bis zu drei Tage im Lebenszyklus der regelmäßigen Hintergrundsynchronisierung erfassen, z. B. die Registrierung für die Synchronisierung, die Durchführung einer Hintergrundsynchronisierung und die Abmeldung.
- Auf dem Tab Spekulative Ladevorgänge können Sie spekulative Ladevorgänge beheben. Hier sehen Sie den Status des spekulativen Ladens, Regelsätze und Versuche zum spekulativen Laden.
- Auf dem Tab Push-Mitteilungen können Sie Push-Mitteilungen bis zu drei Tage lang aufzeichnen und protokollieren.
- Auf dem Tab Reporting API wird Ihre Website überwacht und es werden nicht mehr unterstützte API-Aufrufe und Sicherheitsverstöße gemeldet.
Frames: Hier werden Seiten und Ressourcen in mehrere Ansichten unterteilt und relevante Informationen wie Sicherheit und Isolation, Content Security Policy und API-Verfügbarkeit angezeigt.
Bereich „Anwendung“ öffnen
So öffnen Sie den Bereich Anwendung:
- Öffnen Sie die Entwicklertools.
- Drücken Sie eine der folgenden Tasten, um das Befehlsmenü zu öffnen:
- macOS: Befehlstaste + Umschalttaste + P
- Windows, Linux, ChromeOS: Strg + Umschalttaste + P
- Geben Sie
applicationein, wählen Sie Anwendung anzeigen aus und drücken Sie die Eingabetaste. In den DevTools wird oben im Fenster der Bereich Anwendung angezeigt.
Alternativ haben Sie folgende Möglichkeiten, den Bereich Anwendung zu öffnen:
- Klicken Sie oben in der Aktionsleiste auf Weitere Steuerfelder und wählen Sie in der Drop-down-Liste Anwendung aus.
- Klicken Sie rechts oben auf das Weitere Optionen > Weitere Tools > Anwendung.