How do I use "chrome://devtools/devtools.html" URL?

6,567 views
Skip to first unread message

Eugene Ostroukhov

unread,
Mar 5, 2010, 6:55:58 PM3/5/10
to Chromium-discuss
How do I open a page in inspector?

I know URL chrome://devtools/devtools.html - it opens empty inspector
that is not linked to any page. How do I open an inspector that
focuses on particular page?

Nico Weber

unread,
Mar 5, 2010, 6:59:05 PM3/5/10
to eostr...@gmail.com, Chromium-discuss
Right-click an element on the page and choose "Inspect element". Or do
page menu->developer->developer tools. Or hit shift-ctrl-i
(windows/linux) or cmd-opt-i (mac).

> --
> Chromium Discussion mailing list: chromium...@chromium.org
> View archives, change email options, or unsubscribe:
>    http://groups.google.com/a/chromium.org/group/chromium-discuss
>

Eugene Ostroukhov

unread,
Mar 5, 2010, 7:00:58 PM3/5/10
to Nico Weber, Chromium-discuss
The problem is that I am tools developer, i.e. I need to implement our
own way to open inspector that will be consistent with our UI. I.e. I
would like to know how do I invoke the link to open the inspector.

Flamur Kasa

unread,
Aug 31, 2014, 4:21:26 AM8/31/14
to chromium...@chromium.org, tha...@chromium.org, eostr...@gmail.com
chrome-devtools://devtools/bundled/devtools.html

to inspect inspector anytime:

  Windows / Linux  Mac
Open Developer ToolsF12Ctrl + Shift + ICmd + Opt + I
Open / switch from inspect element mode and browser windowCtrl + Shift + CCmd + Shift + C
Open Developer Tools and bring focus to the consoleCtrl + Shift + JCmd + Opt + J
Inspect the Inspector (undock first one and press)Ctrl + Shift + JCmd + Opt + J
Reply all
Reply to author
Forward
0 new messages