#Google chrome webstore dev panel code

Press Control+ O to open the Command Menu, type :, then the line number, then another :, then the column number, then press Enter Press Command+ O to open the Command Menu, type :, then the line number, then another :, then the column number, then press Enter Jump to a column of the currently-open file (for example line 5, column 9)

Press Control+ O to open the Command Menu, type : followed the line number, then press Enter Press Command+ O to open the Command Menu, type : followed by the line number, then press Enter Jump to a line number of the currently-open file Select the call frame below / above the currently-selected frame

#Google chrome webstore dev panel code

Hold Control and then click the line of code Hold Command and then click the line of code Pause script execution (if currently running) or resume (if currently paused)Ĭontinue to a certain line of code while paused Increment / decrement an angle value by 15Ĭlick the Angle Preview box next to the value then press Shift, click / mouse slide on the Angle Clock Overlay Increment / decrement an angle value by 10Ĭlick the Angle Preview box next to the value then press Shift+ Up Arrow / Shift+ Down Arrow Increment / decrement an angle value by 1Ĭlick the Angle Preview box next to the value then press Up Arrow / Down Arrow Hold Shift then click the Angle Preview box next to the value Increment / decrement a property value by 100Ĭlick a value then press Command+ Up Arrow / Command+ Down ArrowĬlick a value then press Control+ Up Arrow / Control+ Down ArrowĬycle through the degrees (deg), gradians (grad), radians (rad) and turns (turn) representations of an angle value Increment / decrement a property value by 10Ĭlick a value then press Shift+ Up Arrow / Shift+ Down Arrow Increment / decrement a property value by 1Ĭlick a value then press Up Arrow / Down Arrow Increment / decrement a property value by 0.1Ĭlick a value then press Option+ Up Arrow / Option+ Down ArrowĬlick a value then press Alt+ Up Arrow / Alt+ Down Arrow Select the next / previous property or valueĬlick a property name or value then press Tab / Shift+ Tab Hold Shift then click the Color Preview box next to the value Hold Control then click the property valueĬycle through the RGBA, HSLA, and Hex representations of a color value Hold Command 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 Control+ Alt then click the arrow icon next to the element's name Hold Option then click the arrow icon next to the element's name If the node is already collapsed, this shortcut selects the element above itĮxpand or collapse the currently-selected node and all of its 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 Control+ O to open the Command Menu, type ! followed by the name of the script, then press Enter Press Command+ 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 Supported only in the Elements, Console, Sources, Performance, Memory, JavaScript Profiler, and Quick Source panels. Search for text within the current panel. If DevTools has been in its 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, if not all, DevTools panels. To open DevTools, press the following keyboard shortcuts while your cursor is focused on the browser If the element has a shortcut, the tooltip includes it. Hover over a UI element of DevTools to display its tooltip. This page is a reference of keyboard shortcuts in Chrome DevTools.