Panes in the Elements panel such as Styles, Computed, or Layout.Īdditionally, you can move panels and tabs up and down to and from the Drawer.To change ordering, click and drag left or right any of the following: To toggle Restore last dock position with a keyboard shortcut, press: Start typing dock and select one of the suggested options: dock to bottom, left, right, undock, or restore last dock position.Main Menu: Open Customize And Control DevTools and click: You can change the placement of DevTools in two ways: You can also dock to the bottom or left sides or undock DevTools into a separate window. # Change DevTools placementīy default, DevTools is docked to the right of your viewport.
Press Escape to open or close the Drawer.Ĭlick More Tools to open other Drawer tabs. The Drawer contains many hidden features. Start typing dark, select the Switch to dark theme command, and then press Enter to run the command.Īlternatively, set your theme in Settings > Preferences > Appearance > Themes. You can enable dark theme in Settings or the Command Menu. Settings > Preferences contains many options for customizing DevTools.
