I’m currently trying to write an extension which alters the CSS of the Document Inspector (“devtools.css”). I’ve had no trouble injecting CSS into other webpages using Content Scripts and Match Patterns, but it appears these can’t target the Inspector. Am I missing something or is there a better approach to this?
RESULT:
After examining the Match Pattern documentation I noticed where I went wrong, the schema section is very strict in what kind of URL’s it allows, and “chrome-devtools” is not one of them.
UPDATE:
Well, with several hours work, I’ve come down to using the experimental API to generate a new panel in the Inspector, but still no luck with getting that to inject css into it’s parent.
I don’t think Webkit allows you to inject CSS or Javascript into the developer tools. There is an experimental API for Chrome which allows you to add tabs and a few other things: http://code.google.com/chrome/extensions/trunk/experimental.devtools.html