![]() Google Chrome Keyboard Shortcuts. Back to Accessibility Guide. MAC keyboard shortcuts. To do this Press this; Open a new window: Ctrl + N: Open a new tab. Display your browsing history in the tab: Right-click, or click and hold either the Back or Forward arrow in the browser toolbar. Jul 5, 2017 - Keyboard shortcuts are essential on any device with a hardware keyboard, whether you're using a Windows PC, Linux system, Mac, or even a. Missed the action at the 2018 Chrome Dev Summit? Catch up with our playlist on the Google Chrome Developers channel on YouTube. • • • DevTools for Beginners • • • CSS • • • Guides • • JavaScript • • • • • Guides • • Deprecated • • • • UI References and Overviews • • • • Accessibility • • Guides • • Simulate Mobile Devices • • • Guides • • • • Deprecated • • • Remote Debug Android Devices • • • • Console • • • • • • • • • • • Performance • • • • • • • • • Network • • • • • Memory • • • • • • • • • HTML • • • • • Storage and Resources • • • • Extend DevTools • • •. Technical Writer, Chrome DevTools & Lighthouse This page is a reference of keyboard shortcuts in Chrome DevTools. You can also find shortcuts in tooltips. Hover over a UI element of DevTools to display its tooltip. If the element has a shortcut, the tooltip includes it. Keyboard shortcuts for opening DevTools To open DevTools, press the following keyboard shortcuts while your cursor is focused on the browser viewport: Action Mac Windows / Linux Open whatever panel you used last Command+ Option+ I F12 or Control+ Shift+ I Open the Console panel Command+ Option+ J Control+ Shift+ J Open the Elements panel Command+ Option+ C Control+ Shift+ C Global keyboard shortcuts The following keyboard shortcuts are available in most, if not all, DevTools panels. Action Mac Windows / Linux Show Settings? ![]() Or Function+ F1? Or F1 Focus the next panel Command+ ] Control+ ] Focus the previous panel Command+ [ Control+ [ Switch back to whatever you last used. If DevTools has been in its default position for the entire session, then this shortcut undocks DevTools into a separate window Command+ Shift+ D Control+ Shift+ D Toggle Command+ Shift+ M Control+ Shift+ M Toggle Inspect Element Mode Command+ Shift+ C Control+ Shift+ C Open the Command+ Shift+ P Control+ Shift+ P Toggle the Escape Escape Normal reload Command+ R F5 or Control+ R Hard reload Command+ Shift+ R Control+ F5 or Control+ Shift+ R Search for text within the current panel. Not supported in the Audits, Application, and Security panels Command+ F Control+ F Opens the Search tab in the, which lets you search for text across all loaded resources Command+ Option+ F Control+ Shift+ F Open a file in the Sources panel Command+ O or Command+ P Control+ O or Control+ P Zoom in Command+ Shift+ + Control+ Shift+ + Zoom out Command+ - Control+ - Restore default zoom level Command+ 0 Control+ 0 Run snippet Press Command+ O to open the, type! Followed by the name of the script, then press Enter Press Control+ O to open the, type! Followed by the name of the script, then press Enter Elements panel keyboard shortcuts Action Mac Windows / Linux Undo change Command+ Z Control+ Z Redo change Command+ Shift+ Z Control+ Y Select the element above / below the currently-selected element Up Arrow / Down Arrow Up Arrow / Down Arrow Expand the currently-selected node. If the node is already expanded, this shortcut selects the element below it Right Arrow Right Arrow Collapse the currently-selected node.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
March 2019
Categories |