Google Chrome Developer Tools
This project provides debugging tools for developers writing web applications that run on Google Chrome or its open-source version Chromium. The tools enable you to debug JavaScript inside the browser over the TCP/IP protocol.
The project comprises:
- A ChromeDevTools SDK that provides a Java API that enables a debugging application to communicate with a Google Chrome browser from the localhost using the TCP/IP-based Google Chrome Developer Tools Protocol.
- An Eclipse debugger that uses the SDK. This debugger enables you to debug JavaScript running inside Google Chrome tabs from the Eclipse IDE.
As the SDK and Eclipse debugger are written in Java, this project is of most benefit to developers who use Java tools for debugging web applications inside Google Chrome. You can use the SDK to write your own debugger that uses the protocol to communicate with Google Chrome.
Using the Eclipse Debugger
Prerequisites:
- Eclipse version 3.4.2 or later (minimal configuration is Eclipse Platform).
- Google Chrome (or Chromium) version 3.0.189.0 or later (this can be installed from the Dev Channel).
Installation:
- Start Eclipse, add a new Update Site, and point it to http://chromedevtools.googlecode.com/svn/update/dev/
- Install the "Chromium JavaScript Remote Debugger" feature
How to Debug:
- Start the Google Chrome (or Chromium) browser as:
chrome --remote-shell-port=9222 (or some other debugger port of your choice.) Make sure your firewall blocks incoming connections to the chosen port from other machines. Open the URL you want to debug. - Start Eclipse and create a new debug configuration (under Run | Debug Configurations...) from the "Chromium JavaScript" configuration type (you might need to switch to the Debug perspective first):
Specify the debugger port you have chosen, in the "Remote" tab:
- Start debugging. When prompted, select the tab to debug and click the "OK" button.
- In a short while, you will see the browser script sources in a new project.