50 Shortcuts for Google Chrome

Jump to: Accessing DevTools and DevTools Basics, Elements Panel, Styles Panel, Sources Panel

1. Accessing DevTools and DevTools Basics

Ctrl+Shift+I (or F12)

Open Developer Tools

Ctrl+Shift+J

Open Developer Tools (With Focus on Javascript Console)

Ctrl+Shift+C

Toggle Element Inspection mode

Ctrl+Shift+C (2x)

Switch Focus on Developer Tools (there is not really a shortcut for focusing on the Developer Tool, but this is a workaround. Watch the Inspector Mode Icon change color as you press for guidence. Finally, this works only if DevTools are docked; if they are not, simpy switch between windows with Alt+Tab)

?

Show General Settings Dialog (press Esc to exit)

Ctrl+[/]

Switch to next / Switch to previous panel (add Alt to the combination to reverse the direction)

Ctrl+D

Dock / Undock Developer Tool

Ctrl+Shift+M

Toggle (mobile) Device Mode

Ctrl+F

Search Text in Source

Ctrl+Shift+F

Search Text across sources

Ctrl+O

Search by Filename

Ctrl+[+]/-

Zoom in / Zoom out Developer tools

Ctrl+0 (zero)

Zoom to default

2. Elements Panel

Ctrl+Arrow Up

Focus on the Elements content (this is strangely nowhere documented, but worked for me; without this one, you cannot use any of the other shortcuts below without clicking on the content first)

Arrow Up/Arrow Down

Navigate upwards/ downwards

Ctrl+Z/Ctrl+Y

Undo / Redo Change

Arrow Right/Arrow Left

Expand / Collapse

Left-click on arrow

Expand node

Ctrl+Alt+Left-click

Expand/collapse node with all children

Enter

Edit the element

H

Hide the element

F2

Toggle edit as HTML

3. Styles Panel

Left-click

Edit Rule

Left-click on white space

Insert new property

Ctrl+Left-click on property

Go to line of style rule property declaration

Shift+Left-click on property

Cycle through the color definition value

Tab/Shift+Tab

Edit next / edit previous property

Arrow Up/Arrow Down

Increase / decrease value by 1

Page Up/Page Down

Increase / decrease value by 10

Shift+Page Up/Page Down

Increase / decrease value by 100

Alt+Arrow Up/Arrow Down

Increase / decrease value by 100

4. Sources Panel

F8, Ctrl+\

Pause / resume script execution

F8, Ctrl+\

Pause / resume script execution

F10, Ctrl+'

Step over next function call

F11, Ctrl+;

Step into next function call

Shift+F11, Ctrl+Shift+;

Step out of current function

Ctrl+./,

Select next / select previous call frame

Left-click on line-number

Toggle breakpoint condition

Right-click on line number

Edit breakpoint condition

Alt+Delete

Delete individual words

Ctrl+/

Comment a line or selected text

Ctrl+S

Save changes to local modifications

Ctrl+Alt+S

Save all changes

Ctrl+G

Go to line

Ctrl+O

Search by filename

Ctrl+P+number

Jump to line number

Ctrl+O+number +number

Jump to column

Ctrl+Shift+O

Go to member

Alt+W

Close active tab

Ctrl+Enter

Run snippet

Created by admin on 8/1/2010. Last updated by HDMUSIC094 on 7/31/2022

 

3 Comments for 'Chrome '   

 
Email me replies   

Comment #3 by HungNeo Jan 7, 2021 at 07:08 pm  Reply

good nice

Comment #2 by HungNeo Jan 7, 2021 at 07:05 pm  Reply

good nice

Comment #1 by Mark Mar 18, 2020 at 05:20 pm  Reply

Thank you for the shortcuts. I added the "Proper Menu Bar" extension, but it's virtually useless, because you still have to use the mouse to activate and use all the menu items--virtually pointless. Is anyone aware of how to get a menu interface that will remove 99% to 100% of need to use the mouse for browsing and browsing activity? Don't computer user employees still get taught how to refrain from taking their hands off the keyboard (because it's a time gobbler)?

icon

Google Chrome Shortcuts

Advertising for Consideration:

Ads for Consideration:

Related:

Please kindly review and accept Terms of Use and Cookie & Policy Policy