Google Chrome Developer Tools

What is Chrome Developer Tools?

The Google Chrome Developer Tools provide an integrated environment for debugging, optimizing, and understanding a web application, or website, running in Google Chrome. The developer tools are developed partly through the WebKit open source project, where the tools are called Web Inspector.

Here are some of the things you can do with the Chrome Developer Tools:

• Live edit DOM and CSS to master your web page looks.
• Debug JavaScript using graphical debugger with advanced breakpoints support.
• Analyze the execution time of all your functions to improve the speed of your app.
• Trace reflows and repaints as your app loads.
• Explore what is stored within HTML5 local storage databases.

The developer tools are, in fact, a web application written in JavaScript and CSS. You're welcome to peruse the developer tools source and consider contributing to the project.

To submit a bug or a feature request on Developer Tools, use issue tracker at http://crbug.com/new; please also mention "DevTools" in the bug summary. If you know for sure that the bug or a feature should be implemented as a part of WebKit Web Inspector, please submit it at http://webkit.org/new-inspector-bug.

Related Projects

Eclipse Debugger for Chrome – This Eclipse plugin provides integrated JavaScript debugger for developers writing applications for Google Chrome or any V8-based ecosystem.