it-swarm-fr.com

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

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

397
Kevin Driedger

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

Mac: --J

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

JavaScript Console Menu

309
John Sheehan

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.

388
Omer van Kloeten

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

54
user629309

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.

14
Balachandar P

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

11
Senyai

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.

6
Primc

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

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

5
hernanvicente

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:

Show Console

2
Premanshu

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

2
Venkat

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

Screenshot

1
Neo123

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

1
stackinfostack

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

chrome://inspect

0
Nestor Urquiza