Quelles outils et fonctionnalités utilisez-vous dans Chrome DevTools pour analyser et déboguer des pages web?

Dans Chrome DevTools, pour analyser et déboguer des pages web, j'utilise souvent les outils et fonctions suivants:

• Elements — pour voir et éditer le DOM et le CSS en temps réel.
• Console — pour exécuter du code JavaScript et voir les logs, erreurs.
• Network — pour analyser les requêtes réseau, les temps de chargement des ressources, vérifier les réponses du serveur.
• Sources — pour déboguer JavaScript avec la possibilité de mettre des points d'arrêt.
• Performance — pour profiler la performance de la page, identifier les goulets d'étranglement.
• Application — pour travailler avec le stockage local, les cookies, IndexedDB.
• Lighthouse — pour auditer la performance, l'accessibilité et le SEO.

Par exemple, pour suivre un problème de chargement, j'ouvre l'onglet Network, je filtre par type de ressource et je regarde le statut et le temps de chargement de chaque fichier.