Chrome DevTools Tastenkombinationen Cheat Sheet

Visueller Spickzettel für 56 Tastenkombinationen in den Chrome Entwicklertools.

DevTools öffnen

Aktion	Mac-Shortcut	Win-Shortcut
Öffnen Sie das zuletzt verwendete Panel	`Cmd` + `Shift` + `I`	`Ctrl` + `Shift` + `I`
Öffnen des Konsolen-Panels	`Cmd` + `Shift` + `J`	`Ctrl` + `Shift` + `J`
Öffnen des Element-Panels	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`

Globale Tastenkombinationen

Aktion	Mac-Shortcut	Win-Shortcut
Einstellungen anzeigen	`F1`	`F1`
Fokus auf das nächste Panel	`Cmd` + `]`	`Ctrl` + `]`
Fokus auf das vorherige Panel	`Cmd` + `[`	`Ctrl` + `[`
Zurück zur zuletzt verwendeten Docking-Position wechseln	`Cmd` + `Shift` + `D`	`Ctrl` + `Shift` + `D`
Gerätemodus umschalten	`Cmd` + `Shift` + `M`	`Ctrl` + `Shift` + `M`
Elementinspektionsmodus umschalten	`Cmd` + `Shift` + `C`	`Ctrl` + `Shift` + `C`
Befehlsmenü öffnen	`Cmd` + `Shift` + `P`	`Ctrl` + `Shift` + `P`
Drawer umschalten	`Esc`	`Esc`
Normales Neuladen	`Cmd` + `R`	`Ctrl` + `R`
Erzwungenes Neuladen	`Cmd` + `Shift` + `R`	`Ctrl` + `Shift` + `R`
Text im aktuellen Panel suchen	`Cmd` + `F`	`Ctrl` + `F`
Tab “Suche” im Drawer öffnen	`Cmd` + `Shift` + `F`	`Ctrl` + `Shift` + `F`
Datei im Panel “Quellen” öffnen	`Cmd` + `P`	`Ctrl` + `P`
Vergrößern	`Cmd` + `Shift` + `+`	`Ctrl` + `Shift` + `+`
Verkleinern	`Cmd` + `-`	`Ctrl` + `-`
Standard-Zoomstufe wiederherstellen	`Cmd` + `0`	`Ctrl` + `0`
Snippet ausführen	`Cmd` + `O` + `!`	`Ctrl` + `O` + `!`

Element-Panel

Aktion	Mac-Shortcut	Win-Shortcut
Änderungen rückgängig machen	`Cmd` + `Z`	`Ctrl` + `Z`
Änderungen wiederholen	`Cmd` + `Y`	`Ctrl` + `Y`
Element über oder unter dem aktuell ausgewählten Element auswählen	`Up/Down`	`Up/Down`
Aktuell ausgewählten Knoten erweitern	`Rechts`	`Rechts`
Aktuell ausgewählten Knoten einklappen	`Links`	`Links`
Attribut-Bearbeitungsmodus für das aktuell ausgewählte Element umschalten	`Enter`	`Enter`
Nächstes Attribut nach dem Aufrufen des Attribut-Bearbeitungsmodus auswählen	`Tab`	`Tab`
Vorheriges Attribut nach dem Aufrufen des Attribut-Bearbeitungsmodus auswählen	`Shift` + `Tab`	`Shift` + `Tab`
Aktuell ausgewähltes Element ausblenden	`H`	`H`
HTML-Bearbeitungsmodus für das aktuell ausgewählte Element umschalten	`F2`	`F2`

Quellen-Panel

Aktion	Mac-Shortcut	Win-Shortcut
Skriptausführung anhalten (falls laufend) oder fortsetzen (falls angehalten)	`Cmd` + `\`	`Ctrl` + `\`
Nächsten Funktionsaufruf überspringen	`Cmd` + `'`	`Ctrl` + `'`
In den nächsten Funktionsaufruf springen	`Cmd` + `;`	`Ctrl` + `;`
Aus der aktuellen Funktion herausspringen	`Cmd` + `Shift` + `;`	`Ctrl` + `Shift` + `;`
Aufruf-Frame unter oder über dem aktuell ausgewählten Frame auswählen	`Cmd` + `./,`	`Ctrl` + `./,`
Lokale Änderungen speichern	`Cmd` + `S`	`Ctrl` + `S`
Alle Änderungen speichern	`Cmd` + `Alt` + `S`	`Ctrl` + `Alt` + `S`
Gehe zu Zeile	`Cmd` + `G`	`Ctrl` + `G`
Aktiven Tab schließen	`Alt` + `W`	`Alt` + `W`

Code-Editor

Aktion	Mac-Shortcut	Win-Shortcut
Alle Zeichen im letzten Wort bis zum Cursor löschen	`Cmd` + `Del`	`Ctrl` + `Del`
Gehe zur passenden Klammer	`Cmd` + `M`	`Ctrl` + `M`
Einzeiligen Kommentar umschalten	`Cmd` + `/`	`Ctrl` + `/`
Nächstes Wort an der Cursorposition auswählen	`Cmd` + `D`	`Ctrl` + `D`
Auswahl des nächsten Wortes an der Cursorposition aufheben	`Cmd` + `U`	`Ctrl` + `U`

Performance-Panel

Aktion	Mac-Shortcut	Win-Shortcut
Aufnahme starten oder stoppen	`Cmd` + `E`	`Ctrl` + `E`
Aufnahme speichern	`Cmd` + `S`	`Ctrl` + `S`
Aufnahme laden	`Cmd` + `O`	`Ctrl` + `O`

Memory-Panel

Aktion	Mac-Shortcut	Win-Shortcut
Aufnahme starten oder stoppen	`Cmd` + `E`	`Ctrl` + `E`

Konsolen-Panel

Aktion	Mac-Shortcut	Win-Shortcut
Autovervollständigungsvorschlag akzeptieren	`Tab`	`Tab`
Autovervollständigungsvorschlag ablehnen	`Esc`	`Esc`
Vorherige Anweisung abrufen	`Oben`	`Oben`
Nächste Anweisung abrufen	`Unten`	`Unten`
Konsole fokussieren	`Cmd` + ```	`Ctrl` + ```
Konsole leeren	`Cmd` + `L`	`Ctrl` + `L`
Mehrzeilige Eingabe erzwingen	`Shift` + `Enter`	`Shift` + `Enter`
Ausführen	`Enter`	`Enter`