Utilisez le panneau Application pour inspecter, modifier et déboguer de nombreux aspects de votre application Web, y compris son fichier manifeste, ses service workers, son 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 concernés:
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 Fichier manifeste présente 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 Stockage contient un graphique à secteurs illustrant la distribution de la mémoire utilisée par le stockage en cache, IndexedDB et les services workers. Vous pouvez également effacer les données du site 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 session 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 datastores 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é 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, puis d'inspecter et de modifier les paires clé-valeur associées.
- La liste Cache storage (Stockage de cache) contient les caches disponibles et vous permet d'inspecter, de filtrer et de supprimer leurs ressources.
Services en arrière-plan: inspectez, testez et déboguez les services en arrière-plan.
- L'onglet Cache avant/arrière vous permet d'exécuter des tests sur le cache avant/arrière dans le navigateur. Il signale également les problèmes qui peuvent empêcher le cache avant/arrière.
- L'onglet Récupération en arrière-plan vous permet d'enregistrer l'activité de l'API 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 Background Sync pendant trois jours maximum.
- L'onglet 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 paiement vous permet d'enregistrer les événements du gestionnaire de paiement pendant trois jours maximum.
- L'onglet Synchronisation périodique en arrière-plan vous permet d'enregistrer des événements clés pendant trois jours maximum dans le cycle de vie de la synchronisation périodique en arrière-plan, comme l'enregistrement pour la synchronisation, l'exécution d'une synchronisation en arrière-plan et la désinscription.
- L'onglet Chargements spéculatifs vous permet de déboguer les chargements spéculatifs. Il affiche l'état spéculatif, les ensembles de règles et les tentatives de chargement spéculatif.
- L'onglet Messages push vous permet d'enregistrer les messages push pendant trois jours maximum et de les consigner dans un journal.
- L'onglet API de création de rapports surveille votre site et signale les appels d'API obsolètes et les cas de non-respect de la sécurité.
Cadres: divise les pages et les ressources en plusieurs vues et affiche des informations pertinentes, telles que Sécurité et isolation, Règles de sécurité du contenu, Disponibilité des API, etc.
Ouvrir le panneau "Application"
Pour ouvrir le panneau Application:
- Accédez aux outils de développement.
- Ouvrez le menu Command (Commande) en appuyant sur :
- macOS: Command+Maj+P
- Windows, Linux et ChromeOS: Ctrl+Maj+P
- Commencez à saisir
application, sélectionnez Afficher l'application, puis appuyez sur Entrée. Les outils pour les développeurs affichent le panneau Application en haut de la fenêtre.
Vous pouvez également ouvrir le panneau Application de différentes manières:
- Dans la barre d'action en haut de l'écran, cliquez sur Autres panneaux, puis sélectionnez Application dans la liste déroulante.
- En haut à droite, sélectionnez Plus d'options > Plus d'outils > Application.