Anzeigen von Cachedaten

  • Artikel

In diesem Leitfaden erfahren Sie, wie Sie Mithilfe von DevTools Cachedaten untersuchen.

Verwenden Sie zum Überprüfen von HTTP-Cachedaten im Netzwerktool die Spalte Größe des Netzwerkprotokolls. Weitere Informationen finden Sie unter Protokollieren der Netzwerkaktivität unter Untersuchen der Netzwerkaktivität.

Anzeigen von Cachedaten

  1. Öffnen Sie DevTools, indem Sie F12 oder STRG+UMSCHALT+I (Windows, Linux) oder BEFEHL+WAHL+I (macOS) drücken.

  2. Wählen Sie in DevTools auf der Aktivitätsleiste die Registerkarte Anwendung aus. Wenn diese Registerkarte nicht angezeigt wird, klicken Sie auf die Schaltfläche Weitere Tools (Symbol weitere Tools) und dann auf Anwendung. Der Bereich Manifest wird in der Regel standardmäßig geöffnet:

    Der Bereich

  3. Erweitern Sie den Abschnitt Cachespeicher , um verfügbare Caches anzuzeigen:

    Verfügbare Caches

  4. Klicken Sie auf einen Cache, um den Inhalt anzuzeigen:

    Anzeigen des Inhalts eines Caches

  5. Klicken Sie auf eine Ressource, um die HTTP-Header im Abschnitt unterhalb der Tabelle anzuzeigen:

    Anzeigen der HTTP-Header einer Ressource

  6. Klicken Sie auf Vorschau , um den Inhalt einer Ressource anzuzeigen:

    Anzeigen des Inhalts einer Ressource

Weitere Informationen zum Cache-Datenspeicherkontingent finden Sie im Abschnitt Kontingentnutzung des Artikels Debuggen progressiver Web-Apps.

Aktualisieren einer Ressource

  1. Zeigen Sie die Daten für einen Cache an.

  2. Klicken Sie auf die Ressource, die Sie aktualisieren möchten. DevTools hebt es hervor, um anzugeben, dass es ausgewählt ist.

  3. Klicken Sie auf Aktualisieren (Aktualisieren):

    Auswählen einer zu aktualisierenden Ressource

Filtern von Ressourcen

  1. Zeigen Sie die Daten für einen Cache an.

  2. Verwenden Sie das Textfeld Nach Pfad filtern , um alle Ressourcen herauszufiltern, die nicht dem von Ihnen angegebenen Pfad entsprechen:

    Herausfiltern von Ressourcen, die nicht mit dem angegebenen Pfad übereinstimmen

Löschen einer Ressource

  1. Zeigen Sie die Daten für einen Cache an.

  2. Klicken Sie auf die Ressource, die Sie löschen möchten. DevTools hebt es hervor, um anzugeben, dass es ausgewählt ist.

  3. Klicken Sie auf Ausgewählt löschen (Ausgewählt löschen):

    Auswählen einer zu löschenden Ressource

Löschen aller Cachedaten

  1. Klicken Sie im Anwendungstool auf Speicher.

  2. Stellen Sie sicher, dass das Kontrollkästchen Cachespeicher aktiviert ist.

  3. Klicken Sie auf die Schaltfläche Websitedaten löschen :

    Schaltfläche

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 befindet sich hier und wurde von Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse) verfasst.

Creative Commons License Dieses Werk ist unter einer Creative Commons Attribution 4.0 International License lizenziert.