How can I get Chrome to launch and close "developer tools" on Mac (like Firebug with F12 & Ctrl+Shift+C)? It was so convenient in Firefox/Firebug to just hit F12 followed by "toggle inspect mode" (Ctrl+Shift+C) and then hover my mouse over the different elements. I would love it if anyone else used to have this workflow.

3 Answers 3


For those that are still looking for ways to access Chrome's Developer Tools:

To access the developer tools, open a web page or web app in Google Chrome. Then take one of the following actions:

  • Select the Wrench menu at the top-right of your browser window, then select Tools -> Developer tools.
  • Right-click on any page element and select Inspect element.
  • On Windows and Linux, press
    • Ctrl+Shift+I to open Developer Tools
    • Ctrl+Shift+J to open Developer Tools and bring focus to the Console.
    • Ctrl+Shift+C to toggle Inspect Element mode.
  • On OS X, press
    • ++I (Option+Command+I) to open Developer Tools
    • ++J (Option+Command+J) to open Developer Tools and bring focus to the Console.
    • ^++C (Control+Command+C) to toggle Inspect Element mode.

Source: http://code.google.com/intl/nl/chrome/devtools/docs/overview.html


Ctrl + Shift + I

Opens developer tools. I don't think you can toggle "inspect mode" (I found this looking for that)

  • Thanks for confirming that, one thing I really loved about Firebug, hopefully it comes to Chrome (or I switch back to FF). Sep 28, 2010 at 23:57

On my Mac, I use:

"Cmd" + "Option" + "I" - To open/close Developer Tools

"Cmd" + "Shift" + "C" - Opens Inspect

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.