Comment lancez-vous le débogueur JavaScript dans Google Chrome?
-
09-06-2019 - |
Question
Lors de l'utilisation de Google Chrome, je souhaite déboguer du code JavaScript. Comment puis-je faire cela?
La solution
Windows: CTRL - MAJ - J OU F12
Mac: - - J
Également disponible via le menu de la clé (Outils > Console JavaScript):
Autres conseils
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.
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.
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.
Ctrl + Maj + J ouvre les outils de développement.
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 .
Vous pouvez trouver ici les raccourcis pour accéder aux outils de développement.
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
.Pour les utilisateurs de Mac, accédez à Google Chrome - > menu Afficher - > Développeur - > Console JavaScript .
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
Le moyen le plus efficace que j'ai trouvé pour accéder au débogueur javascript est d'exécuter ceci:
chrome: // inspecter
À partir de la console de Chrome, vous pouvez créer console.log (data_to_be_displayed)
.