Kayce Basques
Sofia Emelianova
Auf dieser Seite finden Sie eine Übersicht über die Tastenkombinationen in den Chrome-Entwicklertools.
Tastenkürzel finden Sie auch in Kurzinfos. Bewegen Sie den Mauszeiger auf ein UI-Element in den DevTools, um die zugehörige Kurzinfo aufzurufen. Wenn das Element eine Tastenkombination hat, wird diese in der Kurzinfo angezeigt.
Tastenkombinationen zum Öffnen der Entwicklertools
Drücken Sie zum Öffnen der Entwicklertools die folgenden Tastenkombinationen, während sich der Cursor im Browser-Viewport befindet:
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Den zuletzt verwendeten Bereich öffnen | Befehlstaste+Wahltaste+I | F12 oder Strg + Umschalttaste + I |
| Öffnen Sie den Bereich Console. | Befehlstaste+Wahltaste+J | Strg + Umschalt + J |
| Öffnen Sie den Bereich Elemente. | Befehlstaste + Umschalttaste + C oder Befehlstaste + Wahltaste + C | Strg + Umschalttaste + C |
Globale Tastenkombinationen
Die folgenden Tastenkombinationen sind in den meisten, wenn nicht in allen DevTools-Bereichen verfügbar.
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Einstellungen der Sendung aufrufen | ? oder Funktion + F1 | ? oder F1 |
| Fokus auf den nächsten Bereich legen | Befehlstaste+] | Strg + ] |
| Fokus auf den vorherigen Bereich legen | Befehlstaste + [ | Strg + [ |
| Kehren Sie zur zuletzt verwendeten Docking-Position zurück. Wenn sich die Entwicklertools während der gesamten Sitzung an ihrer Standardposition befanden, wird durch diese Tastenkombination die Fixierung der Entwicklertools aufgehoben und sie werden in einem separaten Fenster geöffnet. | Befehlstaste + Umschalttaste + D | Strg + Umschalttaste + D |
| Aktivieren oder deaktivieren Sie den Gerätemodus. | Befehlstaste + Umschalttaste + M | Strg + Umschalttaste + M |
| Modus „Element untersuchen“ ein-/ausschalten | Befehlstaste + Umschalttaste + C | Strg + Umschalttaste + C |
| Öffnen Sie das Befehlsmenü. | Befehlstaste + Umschalttaste + P | Strg + Umschalttaste + P |
| Seitenleiste ein-/ausblenden | Escape | Escape |
| Normales Aktualisieren | Befehlstaste + R | F5 oder Strg + R |
| Vollständiges Aktualisieren | Befehlstaste + Umschalttaste + R | Strg + F5 oder Strg + Umschalttaste + R |
| Im aktuellen Bereich nach Text suchen Unterstützt nur in den Bereichen Elemente, Konsole, Quellen, Leistung, Speicher, JavaScript-Profiler und Schnellquelle. | Befehlstaste + F | Strg + F |
| Öffnet den Tab Suchen in der Seitenleiste, in der Sie in allen geladenen Ressourcen nach Text suchen können. | Befehlstaste + Wahltaste + F | Strg + Umschalttaste + F |
| Datei im Bereich Quellen öffnen | Befehlstaste + O oder Befehlstaste + P | Strg + O oder Strg + P |
| Heranzoomen | Befehlstaste + Umschalttaste + + | Strg + Umschalt + + |
| Herauszoomen | Befehlstaste+- | Strg + - |
| Standardzoomstufe wiederherstellen | Befehlstaste+0 | Strg + 0 |
| Snippet ausführen | Drücken Sie die Befehlstaste + O, um das Befehlsmenü zu öffnen. Geben Sie ! ein. gefolgt vom Namen des Scripts und drücken Sie die Eingabetaste. | Drücken Sie Strg + O, um das Befehlsmenü zu öffnen, und geben Sie ! ein. gefolgt vom Namen des Scripts und drücken Sie die Eingabetaste. |
Tastenkombinationen für den Bereich „Elemente“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Änderung rückgängig machen | Befehlstaste + Z | Strg + Z |
| Änderung wiederholen | Befehlstaste + Umschalttaste + Z | Strg + Y |
| Element über oder unter dem aktuell ausgewählten Element auswählen | Aufwärtspfeil / Abwärtspfeil | Aufwärtspfeil / Abwärtspfeil |
| Maximieren Sie den aktuell ausgewählten Knoten. Wenn der Knoten bereits maximiert ist, wird mit dieser Tastenkombination das darunter liegende Element ausgewählt. | Rechtspfeil | Rechtspfeil |
| Minimiert den aktuell ausgewählten Knoten. Wenn der Knoten bereits minimiert ist, wird mit dieser Tastenkombination das darüber liegende Element ausgewählt. | Linkspfeil | Linkspfeil |
| Den aktuell ausgewählten Knoten und alle untergeordneten Elemente maximieren oder minimieren | Halten Sie die Optionstaste gedrückt und klicken Sie auf das Pfeilsymbol neben dem Namen des Elements. | Halten Sie Strg + Alt gedrückt und klicken Sie auf das Pfeilsymbol neben dem Namen des Elements. |
| Aktivieren oder deaktivieren Sie den Modus Attribute bearbeiten für das aktuell ausgewählte Element. | Eingeben | Eingeben |
| Im Modus Attribute bearbeiten das nächste oder vorherige Attribut auswählen | Tabulatortaste / Umschalttaste + Tabulatortaste | Tabulatortaste / Umschalttaste + Tabulatortaste |
| Aktuell ausgewähltes Element ausblenden | H | H |
| Aktivieren oder deaktivieren Sie den Modus Als HTML bearbeiten für das aktuell ausgewählte Element. | Funktionstaste + F2 | F2 |
Tastenkombinationen für den Bereich „Stile“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Rufen Sie die Zeile auf, in der ein Property-Wert deklariert ist. | Halten Sie die Taste Befehl gedrückt und klicken Sie auf den Property-Wert. | Halten Sie die Steuerungstaste gedrückt und klicken Sie auf den Property-Wert. |
| Zwischen den RGBA-, HSLA- und Hexadezimaldarstellungen eines Farbwerts wechseln | Halten Sie die Umschalttaste gedrückt und klicken Sie neben dem Wert auf das Kästchen Farbvorschau. | Halten Sie die Umschalttaste gedrückt und klicken Sie neben dem Wert auf das Kästchen Farbvorschau. |
| Nächste/vorherige Property oder nächsten/vorherigen Wert auswählen | Klicken Sie auf einen Property-Namen oder -Wert und drücken Sie dann die Tabulatortaste oder die Umschalttaste + Tabulatortaste. | Klicken Sie auf einen Property-Namen oder -Wert und drücken Sie dann die Tabulatortaste oder die Umschalttaste + Tabulatortaste. |
| Property-Wert um 0,1 erhöhen / verringern | Klicken Sie auf einen Wert und drücken Sie dann die Wahltaste + Aufwärtspfeil oder die Wahltaste + Abwärtspfeil. | Klicken Sie auf einen Wert und drücken Sie dann Alt + Aufwärtspfeil / Alt + Abwärtspfeil. |
| Property-Wert um 1 erhöhen / verringern | Klicken Sie auf einen Wert und drücken Sie dann den Aufwärtspfeil oder den Abwärtspfeil. | Klicken Sie auf einen Wert und drücken Sie dann den Aufwärtspfeil oder den Abwärtspfeil. |
| Property-Wert um 10 erhöhen / verringern | Klicken Sie auf einen Wert und drücken Sie dann Umschalttaste + Aufwärtspfeil / Umschalttaste + Abwärtspfeil. | Klicken Sie auf einen Wert und drücken Sie dann Umschalttaste + Aufwärtspfeil / Umschalttaste + Abwärtspfeil. |
| Attributwert um 100 erhöhen / verringern | Klicken Sie auf einen Wert und drücken Sie dann die Befehlstaste + Aufwärtspfeil oder die Befehlstaste + Abwärtspfeil. | Klicken Sie auf einen Wert und drücken Sie dann Strg + Aufwärtspfeil / Strg + Abwärtspfeil. |
| Zwischen den Darstellungen eines Winkelwerts in Grad (deg), Gradianen (grad), Radianten (rad) und Umdrehungen (turn) wechseln | Halten Sie die Umschalttaste gedrückt und klicken Sie neben dem Wert auf das Kästchen Winkelvorschau. | Halten Sie die Umschalttaste gedrückt und klicken Sie neben dem Wert auf das Kästchen Winkelvorschau. |
| Einen Winkelwert um 1 erhöhen / verringern | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau und drücken Sie den Aufwärtspfeil bzw. den Abwärtspfeil. | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau und drücken Sie den Aufwärtspfeil bzw. den Abwärtspfeil. |
| Einen Winkelwert um 10 erhöhen / verringern | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau und drücken Sie dann die Umschalttaste + Aufwärtspfeil / Umschalttaste + Abwärtspfeil. | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau und drücken Sie dann die Umschalttaste + Aufwärtspfeil / Umschalttaste + Abwärtspfeil. |
| Einen Winkelwert um 15 Grad erhöhen / verringern | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau, drücken Sie die Umschalttaste und klicken Sie auf das Winkel-Uhr-Overlay oder bewegen Sie den Mauszeiger darüber. | Klicken Sie neben dem Wert auf das Kästchen Winkelvorschau, drücken Sie die Umschalttaste und klicken Sie auf das Winkel-Uhr-Overlay oder bewegen Sie den Mauszeiger darüber. |
Tastenkombinationen für den Bereich „Quellen“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Skriptausführung pausieren (falls derzeit ausgeführt) oder fortsetzen (falls derzeit pausiert) | F8 oder Befehlstaste + \ | F8 oder Strg + \ |
| Step Over zum nächsten Funktionsaufruf | F10 oder Befehlstaste + ' | F10 oder Strg + ' |
| „Step Into“ zum nächsten Funktionsaufruf | F11 oder Befehlstaste + ; | F11 oder Strg + ; |
| Aktuelle Funktion verlassen | Umschalttaste + F11 oder Befehlstaste + Umschalttaste + ; | Umschalttaste + F11 oder Strg + Umschalttaste + ; |
| Bei pausierter Ausführung zu einer bestimmten Codezeile springen | Halten Sie die Befehlstaste gedrückt und klicken Sie auf die Codezeile. | Halten Sie die Steuerungstaste gedrückt und klicken Sie auf die Codezeile. |
| Wählen Sie den Anrufframe unter oder über dem aktuell ausgewählten Frame aus. | Strg + . / Strg + , | Strg + . / Strg + , |
| Änderungen an lokalen Änderungen speichern | Befehlstaste + S | Strg + S |
| Alle Änderungen speichern | Befehlstaste + Wahltaste + S | Strg + Alt + S |
| Zu Zeile | Strg + G | Strg + G |
| Zu einer Zeilennummer in der aktuell geöffneten Datei springen | Drücken Sie Befehl + O, um das Befehlsmenü zu öffnen. Geben Sie : gefolgt von der Zeilennummer ein und drücken Sie die Eingabetaste. | Drücken Sie Strg + O, um das Befehlsmenü zu öffnen. Geben Sie : gefolgt von der Zeilennummer ein und drücken Sie die Eingabetaste. |
| Zu einer Spalte der aktuell geöffneten Datei springen (z. B. Zeile 5, Spalte 9) | Drücken Sie Befehlstaste + O, um das Befehlsmenü zu öffnen. Geben Sie :, dann die Zeilennummer, dann ein weiteres :, dann die Spaltennummer ein und drücken Sie die Eingabetaste. | Drücken Sie Strg + O, um das Befehlsmenü zu öffnen. Geben Sie :, dann die Zeilennummer, dann ein weiteres :, dann die Spaltennummer ein und drücken Sie die Eingabetaste. |
| Rufen Sie eine Funktionsdeklaration auf (wenn die aktuell geöffnete Datei HTML oder ein Script ist) oder einen Regelsatz (wenn die aktuell geöffnete Datei ein Stylesheet ist). | Drücken Sie Befehlstaste + Umschalttaste + O und geben Sie den Namen der Deklaration / des Regelsatzes ein oder wählen Sie ihn aus der Liste der Optionen aus. | Drücken Sie Strg + Umschalttaste + O und geben Sie den Namen der Deklaration / des Regelsatzes ein oder wählen Sie ihn aus der Liste der Optionen aus. |
| Aktiven Tab schließen | Wahltaste + W | Alt + W |
| Nächsten oder vorherigen Tab öffnen | Funktionstaste + Befehlstaste + Aufwärts oder Abwärts | Strg + Bild-auf oder Bild-ab |
| Seitenleiste Navigation links ein-/ausblenden | Befehlstaste + Umschalttaste + Y | Strg + Umschalt + Y |
| Seitenleiste Debugger rechts ein-/ausblenden | Befehlstaste + Umschalttaste + H | Strg + Umschalt + H |
Tastenkombinationen für den Code-Editor
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Alle Zeichen im letzten Wort bis zum Cursor löschen | Wahltaste + Löschen | Strg + Entf |
| Codezeilen-Unterbrechungspunkt hinzufügen oder entfernen | Setzen Sie den Cursor auf die Zeile und drücken Sie dann Befehlstaste + B. | Setzen Sie den Cursor auf die Zeile und drücken Sie dann Strg + B. |
| Öffnen Sie das Dialogfeld zum Bearbeiten von Haltepunkten, um bedingte Haltepunkte oder Logpunkte zu bearbeiten. | Setzen Sie den Cursor auf die Zeile und drücken Sie dann Befehlstaste + Alt + B. | Bewegen Sie den Cursor auf die Zeile und drücken Sie dann Strg + Alt + B. |
| Dialogfeld Bedingter Haltepunkt öffnen | Befehl + auf eine Zeilennummer klicken | Strg gedrückt halten und auf eine Zeilennummer klicken |
| Öffnen Sie das Dialogfeld Logpunkt. | Befehlstaste + Umschalttaste + auf eine Zeilennummer klicken | Strg + Umschalttaste + auf eine Zeilennummer klicken |
| Zur übereinstimmenden Klammer gehen | Strg + M | Strg + M |
| Einzeiligen Kommentar ein-/ausblenden Wenn mehrere Zeilen ausgewählt sind, wird in den DevTools am Anfang jeder Zeile ein Kommentar hinzugefügt. | Befehlstaste+/ | Strg + / |
| Wählt das nächste Vorkommen des Wortes aus, auf dem sich der Cursor befindet, oder hebt die Auswahl auf. Jedes Vorkommen wird gleichzeitig hervorgehoben. | Befehlstaste+D / Befehlstaste+U | Strg + D / Strg + U |
Tastenkombinationen für das Netzwerkpanel
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Header, Nutzlasten und Antworten durchsuchen | Befehlstaste + F | Strg + F |
| Aufnahme starten / beenden | Befehlstaste + E | Strg + E |
| Aktualisierung aufzeichnen | Befehlstaste + R | Strg + R |
| Ausgewählte XHR-Anfrage wiedergeben | F | F |
| Details einer ausgewählten Anfrage ausblenden | Escape | Escape |
Tastenkombinationen für das Steuerfeld „Leistung“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Aufnahme starten / beenden | Befehlstaste + E | Strg + E |
| Aufnahme speichern | Befehlstaste + S | Strg + S |
| Aufnahme laden | Befehlstaste + O | Strg + O |
Tastenkombinationen für den Bereich „Speicher“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Aufnahme starten / beenden | Befehlstaste + E | Strg + E |
Tastenkombinationen für das Steuerfeld
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Automatisch vervollständigten Vorschlag annehmen | Rechtspfeil oder Tabulatortaste | Rechtspfeil oder Tabulatortaste |
| Vorschlag für die automatische Vervollständigung ablehnen | Escape | Escape |
| In der Liste für die automatische Vervollständigung nach oben oder unten gehen | Aufwärts / Abwärts oder Strg + P / N | Aufwärts / Abwärts oder Strg + P / N |
| Vorherigen Kontoauszug abrufen | Aufwärtspfeil | Aufwärtspfeil |
| Nächsten Kontoauszug abrufen | Abwärtspfeil | Abwärtspfeil |
| Den Fokus auf die Console legen | Strg + ` | Strg + ` |
| Konsole löschen | Befehlstaste + K oder Wahltaste + L | Strg + L |
| Erzwingt einen mehrzeiligen Eintrag. In den DevTools werden mehrzeilige Szenarien standardmäßig erkannt. Diese Tastenkombination ist daher in der Regel nicht mehr erforderlich. | Umschalttaste + Eingabetaste | Umschalttaste + Eingabetaste |
| Ausführen | Zurück | Eingeben |
| Alle untergeordneten Properties eines Objekts maximieren, das in der Console protokolliert wurde | Alt gedrückt halten und dann auf Maximieren > klicken | Alt gedrückt halten und dann auf Maximieren > klicken |
Tastenkombinationen für den Tab „Suchen“
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Alle Suchergebnisse maximieren/minimieren | Befehlstaste + Wahltaste + { oder } | Strg + Umschalttaste + { oder } |
Tastenkombinationen für das Steuerfeld für die Aufzeichnung
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Aufnahme starten oder beenden | Befehlstaste + E | Strg + E |
| Aufzeichnung noch einmal abspielen | Befehlstaste + Eingabetaste | Strg + Eingabetaste |
| Aufzeichnung oder ausgewählten Schritt kopieren | Befehlstaste + C | Strg + C |
| Codeansicht ein-/ausschalten | Befehlstaste+B | Strg + B |
Tastenkombinationen für den Ebenenbereich
| Aktion | Mac | Windows / Linux |
|---|---|---|
| Diagramm entlang der X- und Y-Achse verschieben | W (oben), A (links), S (unten), D (rechts) | W (oben), A (links), S (unten), D (rechts) |
| Schwenkmodus ein-/ausschalten | X | X |
| Drehmodus ein-/ausschalten | M | M |
| Position und Drehung des Diagramms zurücksetzen | 0 | 0 |
| Diagramm heranzoomen | Umschalttaste + + oder Mausrad nach oben | Umschalttaste + + oder Mausrad nach oben |
| Aus dem Diagramm herauszoomen | Umschalttaste + – oder Mausrad nach unten | Umschalttaste + – oder Mausrad nach unten |