Google Chrome - Is it possible to have a button to open the Developer Tools

Question

So I am trying o make the switch from Firefox to Chrome and one big hurdle for me is moving from Firebug to Chrome's developer tools. The developer tools works fine, I'd just like to have a button on the screen to click to access them as opposed to a menu option (I know there's a shortcut keystroke but I can't remember half of the ones I need as it is)

Is there a way to add a button or a bookmark in the bookmarks bar that would open the developer tools panel?

I'm running the latest version on OS X 10.7.

---

A little more detail

In OS X 10.7 F12 opens dashboard while fn + F12 increases the volume

That functionality can be changed so that F12 increases the volume and fn + F12 opens the dashboard via System Preferences.

Answer 1

If you're happy with simply pressing a key, then you can have F12 work like so (instructions tested on OSX 10.8):

• 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

Open Chrome, and press F12 - Dev Tools should open right up!

---

I have set F12 to open Dev Tools, and F5 to Refresh the page