diTii.com Digital News Hub

Sign up with your email address to be the first to know about latest news and more.

Remote Debugging Using Google Chrome Developer Tools (DevTools)

May092011

Remote Debugging Using Google Chrome Developer Tools (DevTools)

Google Chrome Developer Tools (or DevTools) front-end is implemented as an HTML + CSS + JavaScript web application. It uses a serialized message channel in order to communicate with the inspected page. Here is how you can give it a try:

  • Run the Chrome instance that you’ll be debugging remotely with the remote debugging command line switch: chrome.exe --remote-debugging-port=9222 --user-data-dir=remote-profile. It’s essential that you use a different instance of Chrome for the remote session and that’s why we run it with the --user-data-dirargument.
  • Navigate to the pages you intend to debug.
  • Now run a regular (client) Chrome instance and navigate to http://localhost:9222 there.

You’ll see a number of links that will bring you to the remote debugging sessions for the corresponding pages. Click them and enjoy debugging your Chrome pages over the wire:

“We implemented the remote debugging infrastructure in the WebKit repository (or as we say “upstream”), so that other WebKit port owners could expose remote debugging capabilities with a minimal effort. See more information on remote debugging in WebKit blog post,” informs Google.

For more information on the remote debugging and Chrome Developer Tools in general, see documentation page.

[Source: Chromium blog]

Share This Story, Choose Your Platform!