«   Previous tip Next tip   »

Chrome DevTools: Perform Inspector inception by inspecting DevTools

Last updated: 30th October 2020
Perform Inspector inception by inspecting DevTools

Introduction

Chrome DevTools is a web application in itself, made with HTML, CSS and JavaScript. Because of this, you can "inspect" DevTools, just like you would any other website.

You might find this useful if working on a custom DevTools theme, for example, or even when trying to learn more about DevTools itself.

How to do this

  1. Undock DevTools
  2. Enter the keyboard shortcut Cmd + Alt + I. A new DevTools window opens with the target being the original DevTools window.
  3. Position the two DevTools instances side-by-side, or in a way which is helpful to you.

Now, try inspecting the different parts of DevTools.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week