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?

David Faux
la source
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

Ƭᴇcʜιᴇ007
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.

Kaihua
la source
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>
jcollum
la source
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

Michael Radionov
la source