Chrome DevTools raccourcis clavier

Chrome DevTools

Zeynel Abidin Öztürk -
3 ans
- Raccourcis
F12

Open whatever panel you used last

ou Ctrl + ↑   Maj + I
Ctrl + ↑   Maj + J

Open the Console panel

These shortcuts are available in most DevTools panels.
F1

Show settings

ou ?
Ctrl + ]

Focus the next panel

Ctrl + [

Focus the previous panel

Ctrl + ↑   Maj + D

Switch back to whatever docking position you last used

Ctrl + ↑   Maj + M

Toggle Device Mode

Ctrl + ↑   Maj + C

Toggle Inspect Element mode

Ctrl + ↑   Maj + P

Open the Command Menu

Échap

Toggle the drawer

F5

Normal reload

ou Ctrl + R
Ctrl + F5

Hard reload

ou Ctrl + ↑   Maj + R
Ctrl + F

Search for text within the current panel

Ctrl + ↑   Maj + F

Open Search tab in the Drawer, which lets you search for text across all loaded resources

Ctrl + O

Open a file in the Sources panel

ou Ctrl + P
Ctrl + ↑   Maj + +

Zoom in

Ctrl + ↑   Maj + -

Zoom out

Ctrl + 0

Restore default zoom level

Ctrl + O

then type ! followed by the name of the script, then press Enter: Run snippet

Ctrl + Z

Undo change

Ctrl + Y

Redo change

↑  ↓

Select the element above / below the currently-selected element

Expand the currently-selected node. If the node is already expanded, this shortcut selects the element below it

Collapse the currently-selected node. If the node is already expanded, this shortcut selects the element above it

Ctrl +

(on the arrow icon next to the elements name) Expand or collapse the currently-selected node and all of its children

⤶ Entrée

Toggle Edit Attributes mode on currently-selected element

⭾ Tab

Select the next / previous attribute after entering Edit Attributes mode

ou ↑   Maj + ⭾ Tab
H

Hide the currently selected element

F2

Toggle Edit as HTML mode on the currently-selected element

Ctrl +

(on the property value) Go to the line where a property value is declared

↑   Maj +

(on the Color Preview box) Cycle through the RBGA, HSLA, and Hex representations of a color value

⭾ Tab

Use this shortcut after clicking property name or value to select the next / previous property or value

ou ↑   Maj + ⭾ Tab
Alt + ↑  ↓

Use this shorcut after clicking a value to increment / decrement a property value by 0.1

↑  ↓

Use this shorcut after clicking a value to increment / decrement a property value by 1

↑   Maj + ↑  ↓

Use this shorcut after clicking a value to increment / decrement a property value by 10

↑   Maj + ↑  ↓

Use this shorcut after clicking a value to increment / decrement a property value by 100

F8

Pause script execution or resume

ou Ctrl + \
F10

Step over next function or call

ou Ctrl + '
F11

Step into next function call

ou Ctrl + ;
↑   Maj + F11

Step out of current function

ou Ctrl + ↑   Maj + ;
Ctrl + .

Select the call frame below / above the currently-selected frame

ou Ctrl + ,
Ctrl + S

Save changes to local modifications

Ctrl + Alt + S

Save all changes

Ctrl + G

Go to line

Ctrl + O

then type : followed by the line number then press Enter: Jump to a line number of the currently-open file

Ctrl + O

then type : followed by the line number then another: then column number then press Enter: Jump to a column of the currently-open file

Cttl + ↑   Maj + O

then type in the name of the declaration / rule set, or select it from the list of options: Go to a function declaration (if currently-open file is HTML or a script), or a rule set (if currently-open file is a stylesheet)

Alt + W

Close the active tab

Ctrl + Suppr

Delete all characters in the last word, up to the cursor

Ctrl + B

(when cursor is focused on the line) Add or remove a line-of-code breakpoint

Ctrl + M

Go to matching bracket

Ctrl + /

Toggle single-line comment. If multiple lines are selected, DevTools adds a comment to the start of each line

Ctrl + D

Select / de-select the next occurrence of whatever word the cursor is on. Each occurrence is highlighted simultaneously

ou Ctrl + U
Ctrl + E

Start / stop recording

Ctrl + S

Save recording

Ctrl + O

O Load recording

Ctrl + E

Start / stop recording

Accept autocomplete suggestion

ou ⭾ Tab
Échap

Reject autocomplete suggestion

Get previous statement

Get next statement

Ctrl + `

Focus the console

Ctrl + L

Clear the console

↑   Maj + ⤶ Entrée

Force a multi-line entry. Note that DevTools should detect multi-line scenarios by default, so this shortcut is now usually unnecessary

⤶ Entrée

Execute

Hold Alt then click Expand to expand all sub-properties of an object that's been logged to the console.

Partager cette page sur:

Informations sur le programme

Nom du programme: Chrome DevTools Chrome DevTools (Outils de développement)

Page Web: developers.google.com

Dernière mise à jour: 11 nov. 2019

Nombre de raccourcis: 79

Comment facile d'appuyer sur les raccourcis: 81%

Plateforme détectée: Windows ou Linux (Pas macOS)

Programmes similaires



Publicité

Abonnez-vous!

Votre email reste confidentiel et nous ñ'envoyons pas de spam.