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 cela?

Answer 1

Windows: CTRL - MAJ - J OU F12

Mac: - - J

Également disponible via 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 + Maj + I pour ouvrir les outils de développement

Ctrl + Déplacez + J pour ouvrir les outils de développement et mettre le focus sur la console.

Ctrl + Déplacez + C pour basculer en mode Inspect Élément.

Mac:

& # 8997; + & # 8984; + I pour ouvrir les outils de développement

& # 8997; + & # 8984; + J pour ouvrir les outils de développement et mettre en évidence la console.

& # 8997; + & # 8984; + C pour basculer en mode Inspecter l'élément.

Source

Autres raccourcis

Answer 4

Appuyez sur la touche de fonction F12 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 + Maj + J ouvre les outils de développement.

Answer 6

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

Answer 7

Vous pouvez trouver ici les raccourcis pour accéder aux outils de développement.

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

Answer 8

Maj + Contrôle + 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 & n ° 8216; Console & # 8217; dédié panneau, soit:

• Utiliser les raccourcis clavier
  • Sous Windows et Linux: Ctrl + Maj + J
  • Sur Mac: Cmd + Option + J
• Sélectionnez l'icône de menu Chrome, menu - > Plus d'outils - > Console JavaScript . Si les outils de développement Chrome sont déjà ouverts, appuyez sur la & # 8216; Console & # 8217; console & # 8217; onglet.

Veuillez consulter ici

.

Answer 10

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

Answer 11

Google Chrome a maintenant introduit une nouvelle fonctionnalité. En utilisant cette fonction, vous pouvez éditer votre code dans Chrome. (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. puis navigateur chrome vous demandera la permission et après ce code sera couler avec la couleur verte. et vous pouvez modifier votre code et il se reflétera également sur votre emplacement de 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: // inspecter

Answer 13

À partir de la console de Chrome, vous pouvez créer console.log (data_to_be_displayed) .