Macos – How to use Chrome Developer debugging shortcuts on a Mac

google-chrome-extensionsmacos

I am debugging javascript on a web page using Chrome Web Developer Tools. On Windows, I can use F11 to step into a function while using the debugger.

However, when I press F11 on my Mac, The volume just increases. F11 + fn doesn't do it either. How can I use Chrome Web Developer keyboard shortcuts on a Mac?

Best Answer

  • Continue: F8 or Command-/ (forward slash) on Mac or Control-/ (forward slash) on other platforms.
  • Step over: F10 or Command-' (apostrophe) on Mac or Control-' (apostrophe) on other platforms.
  • Step into: F11 or Command-; (semi-colon) on Mac or Control-; (semi-colon); on other platforms.
  • Step out: Shift-F11 or Shift-Command-; (semi-colon) on Mac or Shift-Control-; (semi-colon) on other platforms.
  • Next call frame: Control-. (period) on all platforms.
  • Previous call frame: Control-, (comma) on all platforms.

Source