Hold Shift, then click the Color Preview box next to the value Hold Command, then click the property valueД¬ycle through the RBGA, HSLA, and Hex representations of a color value Hold Control, then click the property value Go to the line where a property value is declared Toggle Edit as HTML mode on the currently selected element Select the next / previous attribute after entering Edit Attributes mode Toggle Edit Attributes mode on the currently selected element Hold Option, then click the arrow icon next to the name of the element Hold Control+ Alt, then click the arrow icon next to the name of the element If the node is already collapsed, this shortcut selects the element above itД®xpand or collapse the currently selected node and all of the children If the node is already expanded, this shortcut selects the element below itД¬ollapse the currently selected node. Select the element above / below the currently selected elementД®xpand the currently selected node. Press Command+ O to open the Command Menu, type ! followed by the name of the script, then press Enter Press Control+ O to open the Command Menu, type ! followed by the name of the script, then press Enter Opens the Search tab in the Drawer, which lets you search for text across all loaded resources Not supported in the Audits, Application, and Security tools

Search for text within the current panel. If DevTools have been in the default position for the entire session, then this shortcut undocks DevTools into a separate window

Switch back to whatever docking position you last used. The following keyboard shortcuts are available in most DevTools panels. To open DevTools, press the following keyboard shortcuts while your cursor is focused on the browser viewport: Action If the element has a shortcut, the tooltip includes it. Hover on a UI element of DevTools to display the tooltip. These are the default keyboard shortcuts for Microsoft Edge DevTools.

Inspect element chrome hotkey