Öffnen von Microsoft Edge DevToolsOpen Microsoft Edge DevTools

Es gibt viele Möglichkeiten, Microsoft Edge DevTools zu öffnen, da unterschiedliche Benutzer schnellen Zugriff auf verschiedene Teile der DevTools-Benutzeroberfläche wünschen.There are many ways to open Microsoft Edge DevTools, because different users want fast access to different parts of the DevTools UI.

Öffnen Sie den Bereich Elemente, um das DOM oder die CSS zu überprüfen.Open the Elements panel to inspect the DOM or CSS

Mit jeder der folgenden Aufgaben können Sie die Formatvorlagen oder Attribute eines DOM-Knotens überprüfen.Each of the following tasks enable you to inspect the styles or attributes of a DOM node.

  • Zeigen Sie auf das Element, öffnen Sie das Kontextmenü (klicken Sie mit der rechten Maustaste), und wählen Sie Überprüfen aus.Hover on the element, open the contextual menu (right-click), and choose Inspect.
  • Wählen Control + Shift + C Sie (Windows, Linux) oder Command + Option + C (macOS) aus.Select Control+Shift+C (Windows, Linux) or Command+Option+C (macOS). Weitere Informationen finden Sie unter Microsoft Edge DevTools-Tastenkombinationen.For more information, navigate to Microsoft Edge DevTools keyboard shortcuts.

Die Option Inspect

Öffnen des KonsolenbereichsOpen the Console panel

Mit jeder der folgenden Aufgaben können Sie den Konsolenbereich öffnen, um protokollierte Nachrichten anzuzeigen oder JavaScript auszuführen.Each of the following tasks enable you to open the Console pane to view logged messages or run JavaScript.

Öffnen des vorherigen PanelsOpen the previous panel

Um zum vorherigen Bereich zu springen, den Sie geöffnet haben, wählen Sie Control + Shift + I (Windows, Linux) oder Command + Option + I (macOS).To jump to the previous panel that you had open, select Control+Shift+I (Windows, Linux) or Command+Option+I (macOS). Weitere Informationen finden Sie unter Microsoft Edge DevTools-Tastenkombinationen.For more information, navigate to Microsoft Edge DevTools keyboard shortcuts.

Öffnen von Microsoft Edge DevToolsOpen Microsoft Edge DevTools

Verwenden Sie eine der folgenden Optionen, um DevTools zu öffnen.To open DevTools, use either of the following options.

  • Verwenden Sie die Microsoft Edge-Benutzeroberfläche.Use the Microsoft Edge UI.

    1. Wählen Sie das Symbol Einstellungen und mehr ( ... ) > Weitere ToolsDeveloper > Tools aus.Choose the Settings and more (...) icon > More Tools > Developer Tools.
  • Verwenden Sie die Tastatur.Use the keyboard.

    • Wählen F12 Oder Control + Shift + I (Windows, Linux) oder Command + Option + I (macOS).Select F12 or Control+Shift+I (Windows, Linux) or Command+Option+I (macOS).

Weitere Informationen finden Sie unter Microsoft Edge DevTools-Tastenkombinationen.For more information, navigate to Microsoft Edge DevTools keyboard shortcuts.

Öffnen von DevTools über das Microsoft Edge-Hauptmenü

Automatisches Öffnen von DevTools auf jeder neuen RegisterkarteAuto-open DevTools on every new tab

Zum automatischen Öffnen von DevTools auf jeder neuen Registerkarte öffnen Sie Microsoft Edge über die Befehlszeile, und übergeben Sie das --auto-open-devtools-for-tabs Flag.To auto-open DevTools on every new tab, open Microsoft Edge from the command-line and pass the --auto-open-devtools-for-tabs flag.

  • CMD (Windows)CMD (Windows)
  • PowerShell (Windows)PowerShell (Windows)
  • bash (macOS)bash (macOS)
  • bash (Linux)bash (Linux)

start msedge --auto-open-devtools-for-tabs

Ein- oder Ausschalten der F12-TastenkombinationToggle the F12 keyboard shortcut on or off

Führen Sie die folgenden Aktionen aus, um die Tastenkombinationseinstellung zu ändern, mit der F12 die DevTools geöffnet werden.To change the F12 keyboard shortcut setting that opens the DevTools, complete the following actions.

  1. Wählen Sie das Symbol Einstellungen und mehr ( ... ) symbol > Einstellungen aus.Choose the icon the Settings and more (...) icon > Settings.

  2. Geben Sie unter Sucheinstellungen Developer Tools ein.In Search settings, enter Developer Tools.

    Öffnen Sie die DevTools, wenn die F12-TASTE gedrückt wird.

  3. Wählen Sie DevTools öffnen aus, wenn die F12-Taste gedrückt wird, um die Einstellung auf (oder ein) zu schalten.Choose Open the DevTools when the F12 key is pressed to toggle the setting to off (or on). Umschalten Sie die Einstellung auf aus, um zu F12 verhindern, dass die Tastenkombination DevTools öffnet.Toggle the setting to off to stop the F12 keyboard shortcut from opening DevTools.

    The Open the DevTools when the F12 key is pressed setting is turned off

  4. Nachdem Sie den Umschalter auf deaktiviert festgelegt haben, wählen Sie aus, um F12 zu bestätigen, dass DevTools nicht mehr geöffnet ist.After you set the toggle to off, select F12 to confirm that DevTools no longer open.

    Hinweis

    Nachdem Sie die Einstellung DevTools öffnen deaktiviert haben, wenn die F12-TASTE gedrückt wird, führen Sie eine der folgenden Aktionen aus, um die DevTools zu öffnen.After you turn off the Open the DevTools when the F12 key is pressed setting, to open the DevTools, complete one of the following actions.

    • Wählen Sie Ctrl + Shift + I aus.Select Ctrl+Shift+I.
    • Öffnen Sie das Kontextmenü (mit der rechten Maustaste) > Überprüfen.Open the contextual menu (right-click) > Inspect.

Mit dem Microsoft Edge-Entwicklungstools-Team Kontakt aufnehmenGetting in touch with the Microsoft Edge DevTools team

Verwenden Sie die folgenden Optionen, um die neuen Features und Änderungen im Beitrag, oder andere Themen, die mit Entwicklungstools zu tun hat, zu diskutieren.Use the following options to discuss the new features and changes in the post, or anything else related to DevTools.

  • Senden Sie Ihr Feedback über das Symbol Feedback senden, oder wählen Sie Alt+Shift+I (Windows, Linux) oder Option+Shift+I (macOS) in Entwicklungstools aus.Send your feedback using the Send Feedback icon or select Alt+Shift+I (Windows, Linux) or Option+Shift+I (macOS) in DevTools.
  • Tweet auf @EdgeDevTools.Tweet at @EdgeDevTools.
  • Senden Sie einen Vorschlag an The Web We Want.Submit a suggestion to The Web We Want.
  • Verwenden Sie den folgenden Feedback-Abschnitt, um Fehler in diesem Artikel zu melden.To file bugs about this article, use the following Feedback section.

Das Symbol „Feedback senden“ in den Microsoft Edge-Entwicklungstools

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.Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
Die ursprüngliche Seite befindet sich hier und wird von Kayce Basken (Technical Writer, Chrome DevTools & Lighthouse) verfasst.The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Creative Commons License
Diese Arbeit unterliegt einer Creative Commons Attribution 4.0 International License.This work is licensed under a Creative Commons Attribution 4.0 International License.