Tastenkombinationen
Dies sind die Standardtastenkombinationen für Microsoft Edge DevTools.
Wenn Sie in DevTools auf ein Symbol zeigen, wird in der QuickInfo häufig eine Tastenkombination angezeigt.
Siehe auch Navigieren in DevTools mit Hilfstechnologien und Anpassen von Tastenkombinationen.
Tastenkombinationen zum Öffnen von DevTools
Um DevTools zu öffnen, drücken Sie die folgenden Tastenkombinationen, während sich der Cursor auf den Browser-Viewport konzentriert:
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Öffnen Sie den bereich, den Sie zuletzt verwendet haben | F12 oder Ctrl+Shift+I |
Command+Option+I |
| Öffnen des Konsolentools | Ctrl+Shift+J |
Command+Option+J |
| Öffnen des Elements-Tools | Ctrl+Shift+C |
Command+Shift+C Oder Command+Option+C |
Globale Tastenkombinationen
Die folgenden Tastenkombinationen sind in den meisten DevTools-Bereichen verfügbar.
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Einstellungen anzeigen | ? or F1 |
? oder Function+F1 |
| Fokus auf den nächsten Bereich | Ctrl+] |
Command+] |
| Fokus auf den vorherigen Bereich | Ctrl+[ |
Command+[ |
| Wechseln Sie zurück zu der zuletzt verwendeten Dockingposition . Wenn Sich DevTools für die gesamte Sitzung an der Standardposition befunden hat, wird DevTools mit dieser Verknüpfung in einem separaten Fenster abgedockt. | Ctrl+Shift+D |
Command+Shift+D |
| Geräteemulation umschalten | Ctrl+Shift+M |
Command+Shift+M |
| Überprüfen des Elementmodus umschalten | Ctrl+Shift+C |
Command+Shift+C |
| Öffnen des Befehlsmenüs | Ctrl+Shift+P |
Command+Shift+P |
| Umschalten der Schublade | Escape |
Escape |
| Normale Aktualisierung | F5 oder Ctrl+R |
Command+R |
| Harte Aktualisierung | Ctrl+F5 oder Ctrl+Shift+R |
Command+Shift+R |
| Im aktuellen Bereich nach Text suchen. In den Überwachungs-, Anwendungs- und Sicherheitstools nicht unterstützt | Ctrl+F |
Command+F |
| Öffnet die Registerkarte "Suchen " in der Schublade, auf der Sie in allen geladenen Ressourcen nach Text suchen können. | Ctrl+Shift+F |
Command+Option+F |
| Öffnen einer Datei im Tool "Quellen " | Ctrl+O oder Ctrl+P |
Command+O oder Command+P |
| Vergrößern | Ctrl+Shift++ |
Command+Shift++ |
| Verkleinern | Ctrl+- |
Command+- |
| Standardzoom wiederherstellen | Ctrl+0 |
Command+0 |
| Ausführen eines Codeausschnitts | Drücken Sie Ctrl+O , um das Befehlsmenü zu öffnen, geben ! Sie gefolgt vom Namen des Skripts ein, und drücken Sie dann Enter |
Drücken Sie Command+O , um das Befehlsmenü zu öffnen, geben ! Sie gefolgt vom Namen des Skripts ein, und drücken Sie dann Enter |
Tastenkombinationen des Elements-Tools
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Rückgängigmachen von Änderungen | Ctrl+Z |
Command+Z |
| Änderungen wiederholen | Ctrl+Y |
Command+Shift+Z |
| Wählen Sie das Element oberhalb/unterhalb des aktuell ausgewählten Elements aus. | Up Arrow / Down Arrow |
Up Arrow / Down Arrow |
| Erweitern Sie den aktuell ausgewählten Knoten. Wenn der Knoten bereits erweitert ist, wählt diese Verknüpfung das darunter liegende Element aus. | Right Arrow |
Right Arrow |
| Reduzieren Sie den aktuell ausgewählten Knoten. Wenn der Knoten bereits reduziert ist, wählt diese Verknüpfung das darüber liegende Element aus. | Left Arrow |
Left Arrow |
| Erweitern oder Reduzieren des aktuell ausgewählten Knotens und aller untergeordneten Elemente | Halten Sie Ctrl+Altgedrückt, und klicken Sie dann auf das Pfeilsymbol neben dem Namen des Elements. |
Halten Sie Optiongedrückt, und klicken Sie dann auf das Pfeilsymbol neben dem Namen des Elements. |
| Umschalten des Modus "Attribute bearbeiten" für das aktuell ausgewählte Element | Enter |
Enter |
| Wählen Sie das nächste /vorherige Attribut aus, nachdem Sie in den Modus "Attribute bearbeiten" eingetreten sind. | Tab / Shift+Tab |
Tab / Shift+Tab |
| Ausblenden des aktuell ausgewählten Elements | H |
H |
| Umschalten des Modus "Als HTML bearbeiten " für das aktuell ausgewählte Element | Function+F2 |
F2 |
Tastenkombinationen im Bereich "Formatvorlagen"
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Wechseln zu der Zeile, in der ein Eigenschaftswert deklariert wird | Halten Sie Ctrldie Taste gedrückt, und klicken Sie dann auf den Eigenschaftswert. |
Halten Sie Commanddie Taste gedrückt, und klicken Sie dann auf den Eigenschaftswert. |
| Durchlaufen der RBGA-, HSLA- und Hex-Darstellungen eines Farbwerts | Halten Sie Shiftdie Taste gedrückt, und klicken Sie dann auf das Feld " Farbvorschau " neben dem Wert. |
Halten Sie Shiftdie Taste gedrückt, und klicken Sie dann auf das Feld " Farbvorschau " neben dem Wert. |
| Auswählen der nächsten/vorherigen Eigenschaft oder des nächsten Werts | Klicken Sie auf einen Eigenschaftennamen oder -wert, und drücken Sie dann Tab / Shift+Tab |
Klicken Sie auf einen Eigenschaftennamen oder -wert, und drücken Sie dann Tab / Shift+Tab |
| Erhöhen/Decrement eines Eigenschaftswerts um 0,1 | Klicken Sie auf einen Wert, und drücken Sie dann Alt+Up Arrow / Alt+Down Arrow |
Klicken Sie auf einen Wert, und drücken Option+Up Arrow Sie dann /WAHL+NACH-UNTEN-TASTE. |
| Erhöhen/Dekrementieren eines Eigenschaftswerts um 1 | Klicken Sie auf einen Wert, und drücken Sie dann Up Arrow / Down Arrow |
Klicken Sie auf einen Wert, und drücken Sie dann Up Arrow / Down Arrow |
| Erhöhen/Dekrementieren eines Eigenschaftswerts um 10 | Klicken Sie auf einen Wert, und drücken Sie dann Shift+Up Arrow / Shift+Down Arrow |
Klicken Sie auf einen Wert, und drücken Sie dann Shift+Up Arrow / Shift+Down Arrow |
| Erhöhen/Dekrementieren eines Eigenschaftswerts um 100 | Klicken Sie auf einen Wert, und drücken Sie dann Ctrl+Up Arrow / Ctrl+Down Arrow |
Klicken Sie auf einen Wert, und drücken Sie dann Command+Up Arrow / Command+Down Arrow |
| Durchlaufen Der Grad (Grad), Grad (Grad), Bogenmaß (Rad) und Drehungen (Drehung) Darstellungen eines Winkelwerts | Halten Sie Shift die Taste gedrückt, und klicken Sie dann auf das Feld " Winkelvorschau " neben dem Wert. |
Halten Sie Shift die Taste gedrückt, und klicken Sie dann auf das Feld " Winkelvorschau " neben dem Wert. |
| Erhöhen/Dekrementieren eines Winkelwerts um 1 | Klicken Sie auf das Feld " Winkelvorschau " neben dem Wert, und drücken Sie dann Up Arrow / Down Arrow |
Klicken Sie auf das Feld " Winkelvorschau " neben dem Wert, und drücken Sie dann Up Arrow / Down Arrow |
| Erhöhen/Dekrementieren eines Winkelwerts um 10 | Klicken Sie auf das Feld " Winkelvorschau " neben dem Wert, und drücken Sie dann Shift+Up Arrow / Shift+Down Arrow |
Klicken Sie auf das Feld " Winkelvorschau " neben dem Wert, und drücken Sie dann Shift+Up Arrow / Shift+Down Arrow |
| Erhöhen/Dekrementieren eines Winkelwerts um 15 | Klicken Sie auf das Feld "Winkelvorschau" neben dem Wert, und drücken ShiftSie dann auf der Überlagerung "Winkeluhr" auf die Klick-/Mausfolie. |
Klicken Sie auf das Feld "Winkelvorschau" neben dem Wert, und drücken ShiftSie dann auf der Überlagerung "Winkeluhr" auf die Klick-/Mausfolie. |
Tastenkombinationen für das Quellentool
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Skriptlaufzeit anhalten (wenn derzeit ausgeführt) oder fortsetzen (wenn aktuell angehalten) | F8 oder Ctrl+\ |
F8 oder Command+\ |
| Schritt für Schritt zum nächsten Funktionsaufruf | F10 oder Ctrl+' |
F10 oder Command+' |
| Einstieg in den nächsten Funktionsaufruf | F11 oder Ctrl+; |
F11 oder Command+; |
| Aus der aktuellen Funktion aussteigen | Shift+F11 oder Ctrl+Shift+; |
Shift+F11 oder Command+Shift+; |
| Fahren Sie mit einer bestimmten Codezeile fort, während Sie angehalten sind. | Halten Sie Ctrldie Taste gedrückt, und klicken Sie dann auf die Codezeile. |
Halten Sie Commanddie Taste gedrückt, und klicken Sie dann auf die Codezeile. |
| Wählen Sie den Anrufframe unterhalb/oberhalb des aktuell ausgewählten Frames aus. | Ctrl+. / Ctrl+, |
Ctrl+. / Ctrl+, |
| Speichern von Änderungen an lokalen Änderungen | Ctrl+S |
Command+S |
| Alle Änderungen speichern | Ctrl+Alt+S |
Command+Option+S |
| Navigieren zur Zeile | Ctrl+G |
Ctrl+G |
| Springen zu einer Zeilennummer der aktuell geöffneten Datei | Drücken Sie Ctrl+O , um das Befehlsmenü zu öffnen, geben : Sie gefolgt von der Zeilennummer ein, und drücken Sie dann Enter |
Drücken Sie Command+O , um das Befehlsmenü zu öffnen, geben : Sie gefolgt von der Zeilennummer ein, und drücken Sie dann Enter |
| Springen zu einer Spalte der aktuell geöffneten Datei (z. B. Zeile 5, Spalte 9) | Drücken Sie Ctrl+O , um das Befehlsmenü zu öffnen, geben Sie :, dann die Zeilennummer, dann eine andere :, dann die Spaltennummer ein, und drücken Sie dann Enter |
Drücken Sie Command+O , um das Befehlsmenü zu öffnen, geben Sie :, dann die Zeilennummer, dann eine andere :, dann die Spaltennummer ein, und drücken Sie dann Enter |
| Navigieren Sie zu einer Funktionsdeklaration, wenn die aktuelle Datei HTML oder ein Skript ist. Navigieren Sie zu einem Regelsatz, wenn es sich bei der aktuellen Datei um ein Stylesheet handelt. |
Drücken Sie Ctrl++Shift``O, und geben Sie dann den Namen des Deklarations-/Regelsatzes ein, oder wählen Sie ihn aus der Liste der Optionen aus. |
drücken, Command++Shift``Ound geben Sie dann den Namen des Deklarations-/Regelsatzes ein, oder wählen Sie ihn aus der Liste der Optionen aus. |
| Schließen der aktiven Registerkarte | Alt+W |
Option+W |
Tastenkombinationen für den Code-Editor
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Alle Zeichen im letzten Wort bis zum Cursor löschen | Ctrl+Delete |
Option+Delete |
| Hinzufügen oder Entfernen eines Codezeilenhaltepunkts | Konzentrieren Sie den Cursor auf die Zeile, und drücken Sie dann Ctrl+B |
Konzentrieren Sie den Cursor auf die Zeile, und drücken Sie dann Command+B |
| Zur übereinstimmenden Klammer navigieren | Ctrl+M |
Ctrl+M |
| Einzeiligen Kommentar umschalten. Wenn mehrere Zeilen ausgewählt sind, fügt DevTools am Anfang jeder Zeile einen Kommentar hinzu. | Ctrl+/ |
Command+/ |
| Aktivieren oder deaktivieren Sie das nächste Vorkommen eines Worts, in dem sich der Cursor befindet. Jedes Vorkommen wird gleichzeitig hervorgehoben. | Ctrl+D / Ctrl+U |
Command+D / Command+U |
Tastenkombinationen für Das Leistungstool
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Aufzeichnung starten/beenden | Ctrl+E |
Command+E |
| Aufzeichnung speichern | Ctrl+S |
Command+S |
| Aufzeichnung laden | Ctrl+O |
Command+O |
Tastenkombinationen für das Speichertool
| Aktion | Windows/Linux | macOS |
|---|---|---|
| Aufzeichnung starten/beenden | Ctrl+E |
Command+E |
Tastenkombinationen des Konsolentools
| Aktion | Windows/Linux | macOS |
|---|---|---|
| AutoVervollständigen-Vorschlag annehmen | Right Arrow or Tab |
Right Arrow or Tab |
| Vorschlag für automatisches Vervollständigen ablehnen | Escape |
Escape |
| Vorherige Anweisung abrufen | Up Arrow |
Up Arrow |
| Nächste Anweisung abrufen | Down Arrow |
Down Arrow |
| Konzentrieren der Konsole | Ctrl+ ` |
Ctrl+` |
| Löschen der Konsole | Ctrl+L |
Command+K oder Option+L |
| Erzwingen eines mehrzeiligen Eintrags. Diese Verknüpfung ist größtenteils unnötig, da DevTools standardmäßig mehrzeilige Szenarien erkennen sollte. | Shift+Enter |
Command+Return |
| Ausführen | Enter |
Return |
| Erweitern aller Untereigenschaften eines Objekts, die in der Konsole protokolliert werden | Halten Sie Altdie Taste gedrückt, und klicken Sie dann auf Erweitern ( |
Halten Sie Altdie Taste gedrückt, und klicken Sie dann auf Erweitern ( |
Weitere Informationen
- Navigieren Sie in DevTools mit Hilfstechnologie
- Anpassen von Tastenkombinationen
- Ausführen von Befehlen im Befehlsmenü
Hinweis
Teile dieser Seite sind Änderungen, die auf von Google erstellten und freigegebenen Werken basieren und gemäß den in der Creative Commons Attribution 4.0 International License beschriebenen Bestimmungen verwendet werden. Die Originalseite befindet sich hier und wurde von Kayce Basken (Technical Writer, Chrome DevTools & Lighthouse) verfasst.
Diese Arbeit unterliegt einer Creative Commons Attribution 4.0 International License.