Inspecting the Inspector

by Joel Day • 4 years ago • 6728 views

Inspecting Chrome DevTools

Simple instructive video on how to use Chrome DevTools to inspect and modify itself.

  1. Use the keyboard shortcut to open Chrome DevTools; cmd + alt + i.

  2. Then click the icon in the bottom left corner of DevTools labeled "Undock into separate window".

  3. Make sure you are focused on the DevTools window, then use the same keyboard shortcut to open a new DevTools window targeted at the original. cmd + alt + i.

You may notice that when DevTools shrunk down to a smaller width the toolbar tabs are responsive and leaving me with only my most used tabs.

You can see how I did this here;http://blog.dayjo.org/chrome-devtools-responsive-toolbar/

Web DevelopmentChromeDevTools