Accessing WebKit Devtools JavaScript library

Posted by VLostBoy on Stack Overflow See other posts from Stack Overflow or by VLostBoy
Published on 2010-04-03T15:36:06Z Indexed on 2010/04/03 15:43 UTC
Read the original article Hit count: 459

Filed under:

webkit

|

devtools

|

JavaScript

I noticed something in Chrome the other day- I had opened Developer Tools, and then hit view source and was initially surprised to notice that apparently the developer tools window is coded in HTML and JavaScript- you can see that by putting the following into the Chrome address bar:

view-source:chrome://devtools/devtools.html

Two things struck me- first, the codes copyright belongs to Apple (considering their backing of WebKit, thats not too surprising), and secondly, it appears that you cannot access the JavaScript, CSS or Image files directly through Chrome by clicking on links in the source code.

So two questions:

Where are the DevTools assets stored on my computer or how can I otherwise access them? Or even better, can someone identify the library that is used and let me know how its licensed? I'm always on the look out for a well implemented UI toolkit- and Devtools looks great.

© Stack Overflow or respective owner

Related posts about webkit

Twitter Bootstrap styling conflicts with plug-ins like jqGrid and other third part libraries

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Issues:The concern is that the Twitter Bootstrap framework is that some of their css selectors are simply too generic and have incompatibility issues and conflicts with most third party plug-ins and css libraries, like jQuery-UI and jqGrid.My most pressing concern is only with the generic selector… >>> More
How do I know all the events (especially webkit only) supported by webkit/chrome/safari

as seen on Stack Overflow - Search for 'Stack Overflow'
I just cannot find a reference doc for webkit/chrome/safari >>> More
Does webkit-scrollbar work with webkit-transition?

as seen on Stack Overflow - Search for 'Stack Overflow'
I want a custom webkit-scrollbar to animate a different background color for the hover state. The code below changes the color on hover but doesn't animate anything. It works on a div so I suspect webkit-scrollbar doesn't play nice with transitions. ::-webkit-scrollbar-thumb { background-color:… >>> More
Print.css issue in Webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
The page in question is featured here: http://www.allwebcafe.com/news/news-article.php?id=78 For some reason, when a user attempts to print any article of this type from a Webkit-based browser (I've confirmed this in both Safari and Chrome), the pages are all blank. On the flip side, everything behaves… >>> More
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe?

as seen on Stack Overflow - Search for 'Stack Overflow'
Why Chrome does not show CSS3 ::-webkit-scrollbar scrollbar for iframe? Demo http://jsfiddle.net/laukstein/C9s3P/ <iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe> CSS ::-webkit-scrollbar{ … >>> More

Related posts about devtools

Accessing WebKit Devtools JavaScript library

as seen on Stack Overflow - Search for 'Stack Overflow'
I noticed something in Chrome the other day- I had opened Developer Tools, and then hit view source and was initially surprised to notice that apparently the developer tools window is coded in HTML and JavaScript- you can see that by putting the following into the Chrome address bar: view-source:chrome://devtools/devtools… >>> More
The Google Maps API and Chrome DevTools

as seen on Google Code - Search for 'Google Code'
The Google Maps API and Chrome DevTools Learn how the Chrome Developer Tools can make development with the Maps API faster and easier. If you'd like to know more, see the links below. Chrome DevTools documentation: goo.gl Google Maps API V3 reference: goo.gl For more DevTools screencasts than… >>> More
Extending Chrome DevTools for fun and profit...

as seen on Google Code - Search for 'Google Code'
Extending Chrome DevTools for fun and profit... Your browser is one of the most and best instrumented development platforms -- you may just not realize it yet. In this episode we'll cover the Audit and Panel extension API's, take a deep dive into the Chrome debugging protocol (and what you… >>> More
[Visual Studio Extension Of The Day] Test Scribe for Visual Studio Ultimate 2010 and Test Professional 2010

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
Test Scribe is a documentation power tool designed to construct documents directly from the TFS for test plan and test run artifacts for the purpose of discussion, reporting etc... . Known Issues/Limitations Customizing the generated report by changing the template, adding comments,… >>> More
Visual Studio 2013 Static Code Analysis in depth: What? When and How?

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In this post I'll illustrate in details the following points What is static code analysis? When to use? Supported platforms Supported Visual Studio versions How to use Run Code Analysis Manually Run Code Analysis Automatically Run Code Analysis while check-in source… >>> More