Comment lancer le débogueur JavaScript dans Google Chrome?

lorsque J'utilise Google Chrome, je veux déboguer du code JavaScript. Comment puis-je le faire?

379
demandé sur Peter Mortensen 2008-09-16 00:07:21
la source

12 ответов

Windows: CTRL - SHIFT - J OR F12

Mac: - - J

également disponible via le menu wrench (outils > Console JavaScript):

JavaScript Console Menu

301
répondu John Sheehan 2017-09-13 19:55:18
la source

essayez d'ajouter ceci à votre source:

debugger;

Il fonctionne dans la plupart, si pas tous les navigateurs. Placez-le dans votre code, et il agira comme un point de rupture.

370
répondu Omer van Kloeten 2015-12-20 13:55:00
la source

de Windows et de Linux:

Ctrl + Shift + je les clés pour ouvrir les Outils de développement

Ctrl + Shift + J ouvrir les outils de développement et mettre l'accent sur la Console.

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

Mac:

+ + j' les clés pour ouvrir les Outils de développement

+ + J pour ouvrir les outils de développement et mettre l'accent sur la Console.

+ + C pour basculer Inspecter le mode élément.

Source

autres raccourcis

50
répondu user629309 2016-09-28 10:07:50
la source

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 de rupture sur le débogueur pour le code JavaScript.

12
répondu Balachandar P 2015-12-20 14:10:05
la source

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

10
répondu Senyai 2015-12-20 13:55:45
la source

Dans Chrome 8.0.552 sur un Mac, vous pouvez trouver ce sous menu Vue / Développeur / Console JavaScript ... ou vous pouvez utiliser Alt + CMD + J .

6
répondu Primc 2015-12-20 13:56:20
la source

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

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

5
répondu hernanvicente 2016-09-28 10:08:46
la source

Shift + Contrôle + je ouvre le Développeur de l'outil de la fenêtre. De la deuxième image (qui ressemble à la suivante) ouvrira / cachera la console pour vous:

Show Console

2
répondu Premanshu 2015-12-20 14:08:20
la source

pour ouvrir le panneau "Console" dédié, soit:

  • utilisez les raccourcis clavier
    • sur Windows et Linux: Ctrl + Shift + J
    • On Mac: Cmd + Option + J
  • sélectionnez L'icône du menu Chrome, menu - > Plus D'Outils - > Console JavaScript . Ou si les outils de développement Chrome sont déjà ouverts, press l'onglet "Console".

consultez ici

2
répondu Venkat 2015-12-23 13:33:21
la source

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

Screenshot

1
répondu Neo123 2016-03-25 13:10:14
la source

maintenant google chrome a introduire une nouvelle fonctionnalité. En utilisant cette fonctionnalité, vous pouvez modifier votre code dans chrome browse. (Changement Permanent du lieu du code)

pour cela appuyez sur F12 --> onglet Source -- (côté droit) --> Système de fichiers - dans lequel s'il vous plaît sélectionnez votre emplacement du code. et puis chrome browser vous demandera la permission et après ce code sera évier avec la couleur verte. et vous pouvez modifier votre code et il reflètera également sur votre emplacement de code (cela signifie Qu'il sera Permanent changement)

Merci

0
répondu stackinfostack 2018-01-26 14:35:39
la source

depuis la console en Chrome, vous pouvez faire console.log(data_to_be_displayed) .

-3
répondu anand 2015-12-20 14:10:20
la source