Comment utiliser les raccourcis de débogage de Chrome Developer sur un Mac?


17

Je débogue du javascript sur une page Web à l'aide des outils de développement Web Chrome. Sous Windows, je peux utiliser F11pour entrer dans une fonction tout en utilisant le débogueur.

Cependant, lorsque j'appuie F11sur mon Mac, le volume augmente simplement. F11+ fnne le fait pas non plus. Comment utiliser les raccourcis clavier de Chrome Web Developer sur un Mac?


L'autre alternative à Step into sur Mac est Command+ ;(point-virgule) et à Step out est Shift+ Command+ ; (point-virgule)
Ricardo

1
J'aime mon mac, mais je déteste leurs raccourcis. tous sont terribles
Robotsushi

Haha j'ai le même problème, mais mon volume diminue, pas augmente.
cytinus

Réponses:


17
  • Continue: F8ou Command- /(barre oblique) sur Mac ou Control- /(barre oblique) sur d'autres plates-formes.
  • Step over: F10ou Command- '(apostrophe) sur Mac ou Control- '(apostrophe) sur d'autres plateformes.
  • Step into: F11ou Command- ;(point-virgule) sur Mac ou Control- ;(point-virgule); sur d'autres plateformes.
  • Step out: Shift- F11ou Shift- Command- ;(point-virgule) sur Mac ou Shift- Control- ;(point-virgule) sur d'autres plateformes.
  • Next call frame: Control- .(point) sur toutes les plateformes.
  • Previous call frame: Control- ,(virgule) sur toutes les plateformes.

La source


4
dans OSX fn-F11 montre le bureau ou quelque chose comme ça - toutes les fenêtres s'envolent vers les côtés de l'écran
jcollum

Sur macOS Catalina pour Continue: Command + \ (barre oblique inverse) a fonctionné pour moi
Nikhil Nambiar

39

Ça marche:

  1. Allez dans System setting-> Keyborad-> Keyboard. Assurez-vous que vous avez activé Use F1/F2 as standard function keys .

  2. Allez dans System setting-> Keyborad-> Keyboard Shortcuts. Choisissez Mission Controlsur le panneau de gauche, puis regardez vers le panneau de droite et désactivez F11 Show Desktop.


1
Venant de Windows à OS X, c'est l'un des plus gros ennuis avec lesquels j'ai eu du mal au cours des deux dernières semaines ... Maintenant, je peux déboguer correctement lol. FANKOOOOOO!
Gavin

Ce devrait être la réponse acceptée.
JohnnyO

3
# 2 est important
Parsh

Je ne trouve pasKeyborad
Cytinus

4

Cela peut également être accompli avec Karabiner . Le clavier pour un clavier de taille normale ressemble à ceci:

<?xml version="1.0"?>
<root>
  <appdef>
    <appname>CHROME</appname>
    <equal>com.google.Chrome</equal>
  </appdef>

  <item>
    <name>CHROMEDEBUGGINGKEY</name>
    <appendix>This maps the F13, F14 and F15 keys to Chrome debugging keys</appendix>
    <identifier>private.swap_chrome_to_debug_settings</identifier>
    <only>CHROME</only>
    <!--<autogen>__KeyToKey__ KeyCode::SPACE, KeyCode::TAB</autogen>-->
    <autogen>
      __KeyToKey__
      KeyCode::F13, KeyCode::F8
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F14, KeyCode::F10
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F15, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F16, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L, ModifierFlag::SHIFT_L,
    </autogen>
  </item>
</root>

Cela fonctionnait très bien pour moi. Cependant, récemment, les 2e et 3e images clés ci-dessus ne fonctionnent pas. J'utilise Chrome Version 57.0.2987.133 (64 bits) et Karabiner 10.22.0. J'ai mappé "Step Over" à F6 et "Step into" à F5. J'utilise mac sur le partage d'écran à partir d'un autre mac.
user674669

0

Si quelqu'un utilise Karabiner Elements, ce pourrait être celui qui bloque les touches de raccourci fonctionnelles de Chrome. Ouvrir les préférences de Karabiner Elements sur l'onglet "Touches de fonction" et cocher "Utiliser toutes les touches F1, F2, etc. comme touches de fonction standard" a fait l'affaire pour moi.

entrez la description de l'image ici

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.