Search code examples
google-chromeurlgoogle-chrome-devtoolsshortcut

Is it possible to create URL that links to a location in the Chrome DevTools?


While in dev-mode in my application, I would like to be able to have links on the page that automatically take me to a specific file in the Chrome Dev Tools.

Is there any way to generate a URL that when clicked in Chrome, opens the Dev Tools at the Sources tab and at the desired file ?


Solution

  • You are able to "inspect the inspector": How do you inspect the web inspector in Chrome?

    Simply undock it, then inspect DevTools itself with ctrl+shift+i. Then head on over to the sources tab in original (first DevTools), inspect it, and get its URI from Elements.

    Or use chrome://inspect/#other

    Example URI (first part only):

    devtools://devtools/bundled/toolbox.html?remoteBase=https://chrome-devtools-frontend.appspot.com/ser…