CODEWITHSUNDEEP
google-chromeurlgoogle-chrome-devtoolsshortcut
CodyBugstein
CodyBugstein

Reputation: 23322

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 ?

Upvotes: 8

Views: 3767

Answers (2)

3ICE
3ICE

Reputation: 74

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…

Upvotes: 4

Diego Queiroz
Diego Queiroz

Reputation: 3411

Your requirement is somewhat specific, so I don't think it is possible (at least not natively).

You probably can achieve what you want extending DevTools with an Extension (see the documentation). This way, you can make your page interact with the extension to make it open a specific panel in Chrome Dev Tools.

Upvotes: 2

Related Questions