title: How to inject javascript into Chrome DevTools itself
body: <p>Ok, so just the other day I learned that you can inspect the devtools if it is in its own window(explained <a href="https://stackoverflow.com/questions/12291138/how-do-you-inspect-the-web-inspector-in-chrome">here</a>). I also learned that you can style the devtools with your own css by editing the Custom.css file in your profile on your computer(more on that <a href="http://darcyclarke.me/design/skin-your-chrome-inspector/" rel="nofollow noreferrer">here</a>).</p>
  
  <p>What I want to do is not only add css, but also javascript, via a chrome extension. I am very aware of <a href="http://developer.chrome.com/extensions/devtools.html" rel="nofollow noreferrer">devtools pages</a>, but those do not do what I want. Pretty much I want to get a content script to run on the devtools inspector itself. I found one extension that does exactly this, but for the life of me I have not been able to replicate it(even when copy-pasting the code!!). The extension is the "Discover DevTools Companion extension" from Code School(<a href="https://chrome.google.com/webstore/detail/discover-devtools-compani/angkfkebojeancgemegoedelbnjgcgme" rel="nofollow noreferrer">on the webstore</a>). They even <a href="http://discover-devtools.codeschool.com/faq#extension-access" rel="nofollow noreferrer">explain how it works</a>, but I still have had no luck. That was the only extension I have found that does what I want. So I guess what I'm really asking is if its just me that cannot get it to work or if others that try are having trouble also.</p>