Chrome DevTools kortkommandon spiekbriefje

Visuellt spiekbriefje för 56 kortkommandon i Chrome Developer Tools.

Öppna DevTools

Åtgärd	Mac-kortkommando	Win-kortkommando
Öppna den panel du senast använde	`Cmd` + `Shift` + `I`	`Ctrl` + `Shift` + `I`
Öppna panelen Konsol	`Cmd` + `Shift` + `J`	`Ctrl` + `Shift` + `J`
Öppna panelen Element	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`

Globala kortkommandon

Åtgärd	Mac-kortkommando	Win-kortkommando
Visa inställningar	`F1`	`F1`
Fokusera på nästa panel	`Cmd` + `]`	`Ctrl` + `]`
Fokusera på föregående panel	`Cmd` + `[`	`Ctrl` + `[`
Växla tillbaka till senast använda dockningsposition	`Cmd` + `Shift` + `D`	`Ctrl` + `Shift` + `D`
Växla enhetsläge	`Cmd` + `Shift` + `M`	`Ctrl` + `Shift` + `M`
Växla elementinspektionsläge	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`
Öppna kommandomenyn	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
Växla låda (drawer)	`Esc`	`Esc`
Normal uppdatering	`Cmd` + `R`	`Ctrl` + `R`
Hård uppdatering	`Cmd` + `Shift` + `R`	`Ctrl` + `Shift` + `R`
Sök text i aktuell panel	`Cmd` + `F`	`Ctrl` + `F`
Öppna fliken “Sök” i lådan	`Cmd` + `Shift` + `F`	`Ctrl` + `Shift` + `F`
Öppna fil i panelen “Källor” (Sources)	`Cmd` + `P`	`Ctrl` + `P`
Zooma in	`Cmd` + `Shift` + `+`	`Ctrl` + `Shift` + `+`
Zooma ut	`Cmd` + `-`	`Ctrl` + `-`
Återställ standardzoomnivå	`Cmd` + `0`	`Ctrl` + `0`
Kör kodavsnitt (Snippet)	`Cmd` + `O` + `!`	`Ctrl` + `O` + `!`

Panelen Element

Åtgärd	Mac-kortkommando	Win-kortkommando
Ångra ändringar	`Cmd` + `Z`	`Ctrl` + `Z`
Gör om ändringar	`Cmd` + `Y`	`Ctrl` + `Y`
Välj element ovanför eller under det valda elementet	`Upp/Ned`	`Upp/Ned`
Expandera vald nod	`Höger`	`Höger`
Minimera vald nod	`Vänster`	`Vänster`
Växla attributredigeringsläge på valt element	`Enter`	`Enter`
Välj nästa attribut efter att ha gått in i redigeringsläget	`Tab`	`Tab`
Välj föregående attribut efter att ha gått in i redigeringsläget	`Shift` + `Tab`	`Shift` + `Tab`
Dölj valt element	`H`	`H`
Växla till HTML-redigeringsläge på valt element	`F2`	`F2`

Panelen Källor (Sources)

Åtgärd	Mac-kortkommando	Win-kortkommando
Pausa skriptexekvering (om det körs) eller återuppta (om det är pausat)	`Cmd` + `\`	`Ctrl` + `\`
Hoppa över nästa funktionsanrop	`Cmd` + `'`	`Ctrl` + `'`
Gå in i nästa funktionsanrop	`Cmd` + `;`	`Ctrl` + `;`
Gå ut ur aktuell funktion	`Cmd` + `Shift` + `;`	`Ctrl` + `Shift` + `;`
Välj call frame under eller ovanför vald ram	`Cmd` + `./,`	`Ctrl` + `./,`
Spara lokala ändringar	`Cmd` + `S`	`Ctrl` + `S`
Spara alla ändringar	`Cmd` + `Alt` + `S`	`Ctrl` + `Alt` + `S`
Gå till rad	`Cmd` + `G`	`Ctrl` + `G`
Stäng aktiv flik	`Alt` + `W`	`Alt` + `W`

Kodredigerare

Åtgärd	Mac-kortkommando	Win-kortkommando
Ta bort alla tecken i sista ordet fram till markören	`Cmd` + `Del`	`Ctrl` + `Del`
Gå till matchande parentes	`Cmd` + `M`	`Ctrl` + `M`
Växla enradskommentar	`Cmd` + `/`	`Ctrl` + `/`
Välj nästa ord vid markören	`Cmd` + `D`	`Ctrl` + `D`
Avmarkera nästa ord vid markören	`Cmd` + `U`	`Ctrl` + `U`

Panelen Prestanda (Performance)

Åtgärd	Mac-kortkommando	Win-kortkommando
Starta eller stoppa inspelning	`Cmd` + `E`	`Ctrl` + `E`
Spara inspelning	`Cmd` + `S`	`Ctrl` + `S`
Ladda inspelning	`Cmd` + `O`	`Ctrl` + `O`

Panelen Minne (Memory)

Åtgärd	Mac-kortkommando	Win-kortkommando
Starta eller stoppa inspelning	`Cmd` + `E`	`Ctrl` + `E`

Panelen Konsol

Åtgärd	Mac-kortkommando	Win-kortkommando
Acceptera förslag för automatisk komplettering	`Tab`	`Tab`
Avvisa förslag för automatisk komplettering	`Esc`	`Esc`
Hämta föregående sats	`Upp`	`Upp`
Hämta nästa sats	`Ned`	`Ned`
Fokusera på konsolen	`Cmd` + ```	`Ctrl` + ```
Rensa konsolen	`Cmd` + `L`	`Ctrl` + `L`
Tvinga flerradsinmatning	`Shift` + `Enter`	`Shift` + `Enter`
Kör	`Enter`	`Enter`