Skip to content

using devtools to inspect its own elements

Jump to bottom
Otis edited this page May 28, 2017 · 3 revisions

canary v60 devtools can inspect html it creates as

Chrome DevTools Protocol Viewer

Basics: Using DevTools as protocol client

The Developer Tools front-end can attach to a remotely running Chrome instance for debugging. For this scenario to work, you should start your host Chrome instance with the remote-debugging-port command line switch:

chrome.exe --remote-debugging-port=9222

first browse to desired page start debugger

Then you can start a separate client Chrome instance, using a distinct user profile:

chrome.exe --user-data-dir=<some directory>

some directory can be empty -- acts as if 1st time run

Now you can navigate to the given port from your client and attach to any of the discovered tabs for debugging: http://localhost:9222

canary_host_remote.bat starts canary as host and waits to start as client

you will need to change the appdata path for your environment

Clone this wiki locally