Comment lancez-vous le débogueur JavaScript dans Google Chrome?

Question

Lors de l'utilisation de Google Chrome, je souhaite déboguer du code JavaScript. Comment puis je faire ça?

Answer 1

Les fenêtres: CTRL-SHIFT-J OR F12

Mac: ⌥-⌘-J

Egalement disponible dans le menu de la clé (Outils> Console JavaScript):

Answer 2

Essayez d'ajouter ceci à votre source:

debugger;

Cela fonctionne dans la plupart des navigateurs, sinon tous. Il suffit de le placer quelque part dans votre code et il agira comme un point d'arrêt.

Answer 3

Windows et Linux:

Ctrl + Shift + I clés pour ouvrir les outils de développement

Ctrl + Shift + J pour ouvrir les outils de développement et mettre en évidence la console.

Ctrl + Shift + C pour basculer en mode Inspecter élément.

Mac:

⌥ + ⌘ + I clés pour ouvrir les outils de développement

⌥ + ⌘ + J pour ouvrir les outils de développement et mettre en évidence la console.

⌥ + ⌘ + C pour basculer en mode Inspecter élément.

Source

Autres raccourcis

Answer 4

Appuyez sur la F12 touche de fonction dans le navigateur Chrome pour lancer le débogueur JavaScript, puis cliquez sur "Scripts".

Choisissez le fichier JavaScript en haut et placez le point d'arrêt dans le débogueur pour le code JavaScript.

Answer 5

Ctrl + Shift + J ouvre les outils de développement.

Answer 6

Dans Chrome 8.0.552 sur Mac, vous pouvez le trouver dans le menu Afficher/Développeur/Console JavaScript .. ou vous pouvez utiliser Alt+CMD+J.

Answer 7

Ici, vous pouvez trouver les raccourcis pour accéder aux outils de développement.

https://developer.chrome.com/devtools/docs/shortcuts

Answer 8

Shift + Control + I ouvre la fenêtre de l'outil Developer. En bas à gauche, la deuxième image (qui ressemble à la suivante) ouvrira/cachera la console pour vous:

Answer 9

Pour ouvrir le panneau ‘Console’ dédié, vous pouvez soit:

• Utilisez les raccourcis clavier
  • Sous Windows et Linux: Ctrl + Shift + J
  • Sur Mac: Cmd + Option + J
• Sélectionnez l'icône Chrome Menu, menu -> Autres outils -> Console JavaScript . Ou si les Chrome Outils de développement sont déjà ouverts, press l’onglet ‘Console’.

S'il vous plaît se référer ici

Answer 10

Pour les utilisateurs de Mac, accédez au menu Google Chrome -> Afficher -> Développeur -> Console JavaScript.

Answer 11

Maintenant, Google chrome a introduit une nouvelle fonctionnalité. En utilisant cette fonctionnalité Vous pouvez éditer votre code dans chrome browse. (Changement permanent sur l'emplacement du code)

Pour cela, appuyez sur F12 -> Onglet Source - (côté droit) -> Système de fichiers - veuillez sélectionner votre emplacement de code. et puis le navigateur chrome vous demandera l’autorisation et, après cela, le code coulera en vert. et vous pouvez modifier votre code et il reflètera également l'emplacement de votre code (cela signifie qu'il changera de façon permanente)

Merci

Answer 12

Le moyen le plus efficace que j'ai trouvé pour accéder au débogueur javascript est d'exécuter ceci:

chrome://inspect