google-chrome-devtoolsDémarrer avec google-chrome-devtools


Remarques

Cette section fournit une vue d'ensemble de ce que google-chrome-devtools est et pourquoi un développeur peut vouloir l'utiliser.

Il devrait également mentionner tous les grands sujets au sein de google-chrome-devtools, et établir un lien vers les sujets connexes. La documentation de google-chrome-devtools étant nouvelle, vous devrez peut-être créer des versions initiales de ces rubriques connexes.

Accéder aux outils de développement Chrome

Alors que le navigateur Chrome est ouvert à n'importe quel onglet (sauf les onglets de bienvenue), vous avez trois options pour ouvrir les outils de développement Chrome:

Clavier : Type de commande ⌘ + option + i

Menu du navigateur : Cliquez sur "Menu"> "Plus d'outils"> "Outils de développement"

menu du navigateur pour les outils de développement de chrome

Menu du programme ( en haut de votre écran ): Cliquez sur "Afficher"> "Développeur"> "Outils de développement"

Menu de programme pour les outils de développement de chrome

Aller au membre (fonction javaScript / règle CSS)

Utilisez CTRL + MAJ + O ( + MAJ + O pour mac) pour accéder à une règle javaScript / CSS lors de l'affichage d'un fichier.

Recherche par nom de fichier

Dans l'onglet Sources, utilisez CTRL + O ( + O pour Mac) pour rechercher par nom de fichier.