Afficher les données du cache

  • Article

Ce guide vous montre comment utiliser DevTools pour inspecter les données du cache .

Pour inspecter les données du cache HTTP , dans l’outil Réseau , utilisez la colonne Taille du journal réseau. Consultez Journaliser l’activité réseau dans Inspecter l’activité réseau.

Afficher les données du cache

  1. Ouvrez DevTools en appuyant sur F12 ou Ctrl+Maj+I (Windows, Linux) ou Cmd+Option+I (macOS).

  2. Dans DevTools, dans la barre d’activité, sélectionnez l’onglet Application . Si cet onglet n’est pas visible, cliquez sur le bouton Autres outils (icône Autres outils), puis cliquez sur Application. Le volet Manifeste s’ouvre généralement par défaut :

    Volet Manifeste

  3. Développez la section Stockage du cache pour afficher les caches disponibles :

    Caches disponibles

  4. Cliquez sur un cache pour afficher le contenu :

    Affichage du contenu d’un cache

  5. Cliquez sur une ressource pour afficher les en-têtes HTTP dans la section sous le tableau :

    Affichage des en-têtes HTTP d’une ressource

  6. Cliquez sur Aperçu pour afficher le contenu d’une ressource :

    Affichage du contenu d’une ressource

Pour en savoir plus sur le quota de stockage de données du cache, consultez la section Utilisation du quota de l’article Débogage progressif Web Apps.

Actualiser une ressource

  1. Afficher les données d’un cache.

  2. Cliquez sur la ressource que vous souhaitez actualiser. DevTools la met en surbrillance pour indiquer qu’elle est sélectionnée.

  3. Cliquez sur Actualiser (Actualiser) :

    Sélection d’une ressource à actualiser

Filtrer les ressources

  1. Afficher les données d’un cache.

  2. Utilisez la zone de texte Filtrer par chemin pour filtrer toutes les ressources qui ne correspondent pas au chemin d’accès que vous fournissez :

    Filtrage des ressources qui ne correspondent pas au chemin spécifié

Supprimer une ressource

  1. Afficher les données d’un cache.

  2. Cliquez sur la ressource à supprimer. DevTools la met en surbrillance pour indiquer qu’elle est sélectionnée.

  3. Cliquez sur Supprimer la sélection (Supprimer sélectionnée) :

    Sélection d’une ressource à supprimer

Supprimer toutes les données du cache

  1. Dans l’outil Application , cliquez sur Stockage.

  2. Vérifiez que la case Stockage du cache est cochée.

  3. Cliquez sur le bouton Effacer les données du site :

    Bouton « Effacer les données du site »

Remarque

Les parties de cette page sont des modifications basées sur le travail créé et partagé par Google et utilisées conformément aux termes décrits dans la licence internationale Creative Commons Attribution 4.0. La page d’origine se trouve ici et est créée par Kayce Basques (Rédacteur technique, Chrome DevTools & Lighthouse).

Licence Creative Commons Cette œuvre est concédée sous licence creative commons attribution 4.0 international.