How can I get Chrome to launch and close "developer tools" on Mac (like Firefug 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.

link|improve this question

50% accept rate
feedback

2 Answers

up vote 3 down vote accepted

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
    • Control - Shift - I keys to open Developer Tools
    • Control - Shift - J to open Developer Tools and bring focus to the Console.
    • Control - Shift - C to toggle Inspect Element mode.
  • On Mac, press
    • ⌥⌘I (Command - Option - I) keys to open Developer Tools
    • ⌥⌘J (Command - Option - J) to open Developer Tools and bring focus to the Console.
    • ^⌘C (Control - Option - C) to toggle Inspect Element mode.

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

link|improve this answer
This is perfect!! Thanks so much! – Elijah Lynn Mar 12 '11 at 4:16
feedback

ctrl + shift + i

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

link|improve this answer
Thanks for confirming that, one thing I really loved about Firebug, hopefully it comes to Chrome (or I switch back to FF). – Elijah Lynn Sep 28 '10 at 23:57
feedback

Your Answer

 
or
required, but never shown

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