Le panneau Application vous permet d'inspecter, de modifier et de déboguer de nombreux aspects de votre application Web, y compris son fichier manifeste, ses service workers, son espace de stockage et ses données de cache.
Présentation
Le panneau Application est divisé en quatre sections contenant des sous-menus. Voici les sections et sous-menus suivants:
Application: contient des informations générales sur l'application, y compris son fichier manifeste, ses service workers et son espace de stockage.
- L'onglet Manifest (Manifeste) affiche les informations de
manifest.jsonde manière conviviale. Il affiche également les erreurs et les avertissements, le cas échéant, dans la section correspondante. - L'onglet Service workers vous permet d'inspecter et de déboguer les service workers en émulant des événements push, en mettant à jour un service, etc.
- L'onglet Storage (Stockage) contient un graphique à secteurs indiquant la répartition de la mémoire utilisée par le stockage en cache, par IndexedDB et par les service workers. Vous pouvez également effacer les données des sites et simuler un quota de stockage personnalisé.
Stockage: affichez et modifiez les différentes méthodes de stockage utilisées par une application Web.
- Les listes Local et Stockage de sessions vous permettent de sélectionner une origine et de modifier les paires clé/valeur des méthodes de stockage associées.
- La liste IndexedDB contient des bases de données et vous permet d'inspecter les magasins d'objets à partir du navigateur.
- La liste Cookies vous permet de sélectionner une origine et de modifier les paires clé-valeur.
- Les jetons d'état privés et les groupes de centres d'intérêt vous permettent d'inspecter les jetons et les groupes correspondants, le cas échéant.
- La liste Stockage partagé vous permet de sélectionner une origine, ainsi que d'inspecter et de modifier les paires clé/valeur associées.
- La liste Espace de stockage du cache contient les caches disponibles et vous permet d'inspecter, de filtrer et de supprimer les ressources associées.
Services d'arrière-plan: inspectez, testez et déboguez les services d'arrière-plan.
- L'onglet Cache amélioré vous permet d'exécuter des tests sur le cache amélioré dans le navigateur. Il signale également les problèmes susceptibles d'empêcher la mise en cache différée.
- L'onglet Récupération en arrière-plan vous permet d'enregistrer l'activité de l'API de récupération en arrière-plan pendant trois jours maximum.
- L'onglet Synchronisation en arrière-plan vous permet d'enregistrer l'activité de l'API de synchronisation en arrière-plan pendant trois jours maximum.
- L'onglet Mesures d'atténuation du suivi des rebonds vous permet d'identifier et de supprimer l'état des sites qui semblent effectuer un suivi intersites à l'aide de la technique de suivi des rebonds.
- L'onglet Notifications vous permet d'enregistrer les messages push pendant trois jours maximum.
- L'onglet Gestionnaire de paiements vous permet d'enregistrer les événements du gestionnaire de paiements pendant une durée maximale de trois jours.
- L'onglet Synchronisation périodique en arrière-plan vous permet d'enregistrer des événements clés pendant une durée maximale de trois jours du cycle de vie de la synchronisation périodique en arrière-plan, tels que l'enregistrement pour la synchronisation, l'exécution d'une synchronisation en arrière-plan et l'annulation de l'enregistrement.
- L'onglet Chargements spéculatifs vous permet de déboguer les charges spéculatives. Elle affiche l'état spéculatif, les ensembles de règles et les tentatives de chargement spéculatives.
- L'onglet Messages push vous permet d'enregistrer les messages push pendant trois jours maximum et de les enregistrer.
- L'onglet API Reporting surveille votre site et signale les appels d'API obsolètes et les violations de sécurité.
Cadres: divise les pages et les ressources en plusieurs vues et affiche des informations pertinentes, telles que Sécurité et isolation, Content Security Policy, Disponibilité de l'API, etc.
Ouvrir le panneau "Application"
Pour ouvrir le panneau Application:
- Accédez aux outils de développement.
- Ouvrez le menu Commande en appuyant sur les touches suivantes :
- macOS: Cmd+Maj+P
- Windows, Linux, ChromeOS: Ctrl+Maj+P
- Commencez à saisir
application, sélectionnez Show Application (Afficher l'application), puis appuyez sur Entrée. Les outils de développement affichent le panneau Application en haut de la fenêtre "Outils de développement".
Vous pouvez également ouvrir le panneau Application de différentes manières:
- Dans la barre d'action qui se trouve en haut, cliquez sur double_arrow Autres panneaux et sélectionnez Application dans la liste déroulante.
- En haut à droite, sélectionnez more_vert Plus d'options > Plus d'outils > Application.