Use F12 to open Developer Tools on Chrome

I have already configured so that F keys act as "standard function keys" (just regular F1-F12).

How can I configure F12 to open the Developer Tools on Chrome?


  • Open Keyboard Shortcuts Preferences
  • Click "Mission Control" from the list
  • Untick "Show Dashboard" (disable default beahviour of F12)
  • Click "Application Shortcuts" from the list
  • Click the "+" below the right-hand list
  • Select Google Chrome from the drop down list
  • In "Menu Title", type Developer Tools
  • Click in "Keyboard Shortcut", then press F12

enter image description here