Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

Is there a way to open Chrome developer tools by clicking on an icon?

Does Chrome offer icons which I could place on toolbars? Is it possible to open devtools from an extension? (Direct call, create custom keyboard event, else?) Place it in a bookmark on bookmarks bar?

share|improve this question
    
Why click when you can press? ctrl+shift+I –  Thomas Jul 13 '11 at 9:18
    
I personally, love the shortcut (⌥⌘I), but my colleague feels more comfortable clicking, so I was wondering if it's possible... –  Martin Tóth Jul 13 '11 at 9:23
1  
F12 works as well? –  Richard Jul 13 '11 at 10:13
    
@Martin So you're on OS X? Or is your question about Chrome in general? –  slhck Jul 13 '11 at 11:00
    
I'm on OS X, my colleague on Ubuntu... but my question is about Chrome in general... That's why I didn't mention any OS in the question itself. –  Martin Tóth Jul 13 '11 at 11:17
show 2 more comments

2 Answers 2

up vote 2 down vote accepted

Does Chrome offer icons which I could place on toolbars

Chrome does, but for this you'll have to create a custom Chrome Entension and even after creating, it can only bring up the extension's option page defined in the manifest

Place it in a bookmark on bookmarks bar

THeroretically yes. The URL to developer tools is chrome://chromewebdata. Practically, this doesn't work and the developer tools pops up on clicking this URL only if an instance of developer tools is already open

share|improve this answer
add comment

This URL opens Chrome Devtools however it opens it in full screen (covering the entire browser area):

chrome-devtools://devtools/bundled/devtools.html

There are query params to this URL like this:

dockSide=bottom&toolbarColor=rgba(223,223,223,1)&textColor=rgba(0,0,0,1)

In this, I am guessing if I can find alternate values for query parameter dockSide, we can control the size/location of the developer tools dock and place it according to our wish.

I tried playing with other query params toolbarColor and textColor with no luck though :(

Any suggestions would be a great help!!

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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