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

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