Chrome DevTools raccourcis clavier

Chrome DevTools  

Zeynel Öztürk -
6 ans
- Raccourcis
1
F12

Open whatever panel you used last

1
ou Ctrl + ↑  Maj + I
0
Ctrl + ↑  Maj + J

Open the Console panel

Publicité

These shortcuts are available in most DevTools panels.
0
F1

Show settings

0
ou ?
0
Ctrl + ]

Focus the next panel

0
Ctrl + [

Focus the previous panel

0
Ctrl + ↑  Maj + D

Switch back to whatever docking position you last used

0
Ctrl + ↑  Maj + M

Toggle Device Mode

0
Ctrl + ↑  Maj + C

Toggle Inspect Element mode

0
Ctrl + ↑  Maj + P

Open the Command Menu

0
Échap

Toggle the drawer

0
F5

Normal reload

0
ou Ctrl + R
0
Ctrl + F5

Hard reload

0
ou Ctrl + ↑  Maj + R
0
Ctrl + F

Search for text within the current panel

0
Ctrl + ↑  Maj + F

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

0
Ctrl + O

Open a file in the Sources panel

0
ou Ctrl + P
0
Ctrl + ↑  Maj + +

Zoom in

0
Ctrl + ↑  Maj + -

Zoom out

0
Ctrl + 0

Restore default zoom level

0
Ctrl + O

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

0
Ctrl + Z

Undo change

1
Ctrl + Y

Redo change

0
  

Select the element above / below the currently-selected element

0

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

0

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

0
Ctrl +

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

0
⤶ Entrée

Toggle Edit Attributes mode on currently-selected element

0
Tab

Select the next / previous attribute after entering Edit Attributes mode

0
ou ↑  Maj + Tab
0
H

Hide the currently selected element

0
F2

Toggle Edit as HTML mode on the currently-selected element

0
Ctrl +

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

0
↑  Maj +

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

0
Tab

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

0
ou ↑  Maj + Tab
0
Alt +   

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

0
  

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

0
↑  Maj +   

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

0
↑  Maj +   

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

0
F8

Pause script execution or resume

0
ou Ctrl + \
0
F10

Step over next function or call

0
ou Ctrl + '
0
F11

Step into next function call

0
ou Ctrl + ;
0
↑  Maj + F11

Step out of current function

0
ou Ctrl + ↑  Maj + ;
0
Ctrl + .

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

0
ou Ctrl + ,
0
Ctrl + S

Save changes to local modifications

Publicité

0
Ctrl + Alt + S

Save all changes

0
Ctrl + G

Go to line

0
Ctrl + O

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

0
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

0
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)

0
Alt + W

Close the active tab

0
Ctrl + Suppr

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

0
Ctrl + B

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

0
Ctrl + M

Go to matching bracket

0
Ctrl + /

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

0
Ctrl + D

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

0
ou Ctrl + U
0
Ctrl + E

Start / stop recording

0
Ctrl + S

Save recording

0
Ctrl + O

O Load recording

0
Ctrl + E

Start / stop recording

0

Accept autocomplete suggestion

0
ou Tab
0
Échap

Reject autocomplete suggestion

0

Get previous statement

0

Get next statement

0
Ctrl + `

Focus the console

0
Ctrl + L

Clear the console

0
↑  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

0
⤶ 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:
Cette page est-elle utile ?
0 0

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/11/2019 20:10 UTC

Comment facile d'appuyer sur les raccourcis: 81%

Plus d'information >>

Nombre de raccourcis: 79

Plateforme détectée: Windows ou Linux



Quel est votre raccourci clavier préféré Chrome DevTools Avez-vous des conseils utiles pour le programme ? Faire savoir aux autres.


 
Aucun commentaire pour l'instant. Vous pouvez écrire le premier !