Experimentelle Funktionen
Microsoft Edge DevTools bieten Zugriff auf experimentelle Features, die sich noch in der Entwicklung befinden. In diesem Artikel werden die experimentellen Features aufgeführt und beschrieben, die sich in den folgenden Aspekten befinden:
- Die neueste Version des Canary Preview-Kanals von Microsoft Edge.
- Die neueste Version der Stable-Version von Microsoft Edge.
Alle Kanäle von Microsoft Edge verfügen über experimentelle Features. Sie können die neuesten experimentellen Features mithilfe der Microsoft Edge Canary Channel erhalten. Die vollständige Liste, die in Ihrer Version von Microsoft Edge verfügbar ist, finden Sie auf der Seite "Einstellungsexperimente" > in DevTools.****
Diese Experimente können instabil oder unzuverlässig sein und erfordern möglicherweise einen Neustart von DevTools.
Experimente, die standardmäßig aktiviert sind
Die folgenden experimentellen Features sind standardmäßig aktiviert. Sie können diese Features sofort verwenden, ohne einstellungen zu ändern. Sie können diese experimentellen Standardfeatures bei Bedarf deaktivieren.
In Microsoft Edge Stable v103 standardmäßig aktiviert:
- Aktivieren des Berichts-API-Bereichs im Anwendungsbereich
- Anzeigen präziserer Änderungen auf der Registerkarte "Änderungen"
- Verwenden des Lighthouse-Bereichs mit Zeitfenster- und Momentaufnahmemodi
- Tools für CSS-Ebenen im Bereich "Formatvorlagen"
- Aktivieren der Farbauswahl außerhalb des Browserfensters
- Enable webhint
- Probleme in Elementen anzeigen
- Fokusmodus
- Quelldateien in Visual Studio Code öffnen
Standardmäßig in Microsoft Edge Canary v105 aktiviert:
- Aktivieren des Berichts-API-Bereichs im Anwendungsbereich
- Anzeigen präziserer Änderungen auf der Registerkarte "Änderungen"
- Verwenden des Lighthouse-Bereichs mit Zeitfenster- und Momentaufnahmemodi
- Tools für CSS-Ebenen im Bereich "Formatvorlagen"
- Aktivieren der Farbauswahl außerhalb des Browserfensters
- Enable webhint
- Probleme in Elementen anzeigen
- Quelldateien in Visual Studio Code öffnen
- Aktivieren des Tastenkombinations-Editors
Aktivieren oder Deaktivieren eines Experiments
Experimentelle Features werden ständig aktualisiert und können Leistungsprobleme verursachen. Dies ist ein Grund, warum Sie ein Experiment möglicherweise deaktivieren möchten.
So aktivieren oder deaktivieren Sie ein Experiment in Microsoft Edge
Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie
Ctrl++Shift``I(Windows/Linux) oderCommand+Option+I(macOS). DevTools wird geöffnet.Klicken Sie in DevTools auf der Hauptsymbolleiste auf die Schaltfläche "Einstellungen " (
"Einstellungen"). Oder drücken Sie Shift+?.Wählen Sie auf der linken Seite des Einstellungsbereichs die Seite "Experimente " aus.
Aktivieren oder deaktivieren Sie auf der Seite "Experimente " das Kontrollkästchen für ein Experiment. Einige Experimente sind standardmäßig aktiviert (ausgewählt).
Klicken Sie oben rechts auf "Schließen" (
Klicken Sie auf die Schaltfläche " DevTools neu laden ".
Wiederherstellen von Standardwerten, für die Experimente ausgewählt sind
So stellen Sie die Standardeinstellungen wieder her, für die experimentelle Features aktiviert sind:
Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie
Ctrl++Shift``I(Windows/Linux) oderCommand+Option+I(macOS). DevTools wird geöffnet.Klicken Sie in DevTools auf der Hauptsymbolleiste auf die Schaltfläche "Einstellungen " (
"Einstellungen"). Oder drücken Sie Shift+?. Der Bereich "Einstellungen" wird geöffnet, wobei die Seite "Einstellungen" ausgewählt ist.Klicken Sie unten auf der Seite "Einstellungen" auf die Schaltfläche "Standardeinstellungen wiederherstellen" und dann auf "Schließen" (Symbol "
Filtern der Experimente
Sie können die experimentellen Features nach Text filtern, der im Titel enthalten ist.
Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie
Ctrl++Shift``I(Windows/Linux) oderCommand+Option+I(macOS). DevTools wird geöffnet.Klicken Sie in DevTools auf der Hauptsymbolleiste auf die Schaltfläche "Einstellungen " (
"Einstellungen"). Oder drücken Sie Shift+?. Der Bereich "Einstellungen" wird geöffnet, wobei die Seite "Einstellungen" ausgewählt ist.Wählen Sie auf der linken Seite des Einstellungsbereichs die Seite "Experimente " aus.
Klicken Sie in das Textfeld "Filtern" , und geben Sie Text ein, z. B. die Zeitachse. Während der Eingabe werden nur die entsprechenden Kontrollkästchen auf der Seite "Experimente " angezeigt.
Um die Filterung zu beenden, deaktivieren Sie das Textfeld "Filtern ".
Feedback zu den Experimenten geben
Wir freuen uns über Ihr Feedback zu experimentellen Features. Wenn Sie Feedback mit uns teilen möchten, wenden Sie sich an das Microsoft Edge DevTools-Team.
Eines der Benutzeroberflächenexperimente bietet eine neue Möglichkeit, Feedback bereitzustellen: Wenn das Fokusmodus-Experiment aktiviert ist, wählen Sie unten in der Aktivitätsleiste die Option "Hilfe " (
) > Feedback aus.
Liste der Experimente
Die meisten Experimente, die in der neuesten Version des Canary Preview-Kanals von Microsoft Edge angezeigt werden, sind unten aufgeführt.
Erweiterungen das Laden benutzerdefinierter Stylesheets erlauben
Einige Microsoft Edge-Add-Ons können benutzerdefinierte Farbdesigns für DevTools definieren. Wenn Sie ein Add-On mit einem Design installieren, müssen Sie die Erweiterungen zum Laden benutzerdefinierter Stylesheets aktivieren, um die Add-On-Designs anzuzeigen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Erfassen von Knotenerstellungsstapeln
Aktivieren Sie dieses Experiment, um JavaScript-Stapelablaufverfolgungen zu erfassen, wenn DOM-Knoten zur Laufzeit dem DOM hinzugefügt werden. Die erfassten Stapelablaufverfolgungen werden im Bereich "Stapelüberwachung " des Bereichs "Elemente " angezeigt.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Protokollmonitor
DevTools kommuniziert mit der überprüften Seite mithilfe des DevTools-Protokolls.
So überwachen Sie die von DevTools gesendeten und empfangenen Nachrichten, um die überprüfte Seite zu debuggen:
Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie
Ctrl++Shift``I(Windows/Linux) oderCommand+Option+I(macOS). DevTools wird geöffnet.Klicken Sie in DevTools auf der Hauptsymbolleiste auf die Schaltfläche "Einstellungen " (
"Einstellungen"). Oder drücken Sie Shift+?. Der Bereich "Einstellungen" wird geöffnet, wobei die Seite "Einstellungen" ausgewählt ist.Wählen Sie auf der linken Seite des Einstellungsbereichs die Seite "Experimente " aus.
Aktivieren Sie das Kontrollkästchen ****"Protokollüberwachung", und klicken Sie dann auf "Schließen" (Symbol "
Öffnen Sie das Befehlsmenü (
Ctrl+P+Shift), und geben Sie dann das Protokoll in das Textfeld ein.Wählen Sie "Protokollmonitor anzeigen" aus. Die Meldung wird angezeigt: "Mindestens eine Einstellung wurde geändert, sodass ein erneutes Laden wirksam wird."
Klicken Sie auf die Schaltfläche " DevTools neu laden ", die neben der Nachricht angezeigt wird.
Das Protokollüberwachungstool wird in der Schublade am unteren Rand von DevTools angezeigt.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Ansicht "CSP-Verstöße anzeigen"
Fügt das Tool für CSP-Verstöße hinzu, das alle Verletzungen von Inhaltssicherheitsrichtlinien (Content Security Policy, CSP) anzeigt, die auf der überprüften Webseite erkannt werden.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aufzeichnen der Abdeckung während der Leistungsablaufverfolgung
Zeichnet die Abdeckung während der Leistungsablaufverfolgung auf.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Option zum Erstellen einer Heap-Momentaufnahme anzeigen, bei der Globals nicht als Stamm behandelt werden
Zeigt die Option zum Erstellen einer Heap-Momentaufnahme, bei der Globals nicht als Stamm behandelt werden.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 nicht vorhanden.
Option zum Verfügbarmachen interner Dateien in Heap-Momentaufnahmen anzeigen
Gibt an, ob ein Kontrollkästchen zum Verfügbarmachen interner Dateien in Heap-Momentaufnahmen im Speichertool angezeigt werden soll.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Quellreihenfolgenanzeige
Dieses Kontrollkästchen wird entfernt. Der Quellreihenfolgen-Viewer ist kein Experiment mehr. Ob das Kontrollkästchen aktiviert oder deaktiviert ist, macht keinen Unterschied. das Feature "Quellreihenfolgenanzeige" wird in beiden Fällen in DevTools angezeigt.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: Ereignisinitiatoren
Gibt an, ob Ereignisinitiatoren in die Zeitachse einbezogen werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: WebGL-basiertes Flammendiagramm
Gibt an, ob ein WebGL-basiertes Flammendiagramm in der Zeitachse verwendet werden soll.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
WebAssembly-Debuggen: Enable DWARF support
Aktiviert DIE UNTERSTÜTZUNG VON DWARF für das WebAssembly-Debuggen. Siehe verbessertes WebAssembly-Debuggen in Den Neuerungen in DevTools (Microsoft Edge 80).
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Konsole: Auflösen von Variablennamen in Ausdrücken mithilfe von Quellzuordnungen
Verwendet Quellzuordnungen, um beim Auswerten von Ausdrücken in der Konsole automatisch ursprüngliche Variablennamen minimierten Variablennamen zuzuordnen.
Informationen zum Debuggen finden Sie unter Zuordnen des verarbeiteten Codes zum ursprünglichen Quellcode.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren des neuen Advanced Perceptual Contrast Algorithm (APCA), der das vorherige Kontrastverhältnis und die AA/AAA-Richtlinien ersetzt
Der Advanced Perceptual Contrast Algorithm (APCA) ersetzt die AA/AAA-Richtlinien für das Kontrastverhältnis im Farbwähler. Die Farbwähler wird auf der Registerkarte Formatvorlagen im Tool Elemente verwendet.
APCA ist eine neue Methode zum Berechnen des Kontrasts. Sie basiert auf modernen Forschungen zur Farbwahrnehmung. Im Vergleich zu AA/AAA-Richtlinien ist APCA kontextabhängiger. Der Kontrast wird basierend auf den folgenden räumlichen Eigenschaften des Texts, der Farbe und des Kontexts berechnet.
- Räumliche Eigenschaften von Text, die Schriftbreite und Schriftgröße enthalten.
- Räumliche Eigenschaften der Farbe, die wahrgenommenen Kontrast zwischen Text und Hintergrund enthalten.
- Räumliche Eigenschaften des Kontexts, die Umgebungslicht, Umgebung und beabsichtigten Zweck enthalten.
Siehe auch:
- Neue Farbkontrastberechnung – Advanced Perceptual Contrast Algorithm (APCA) in What's New in DevTools (Microsoft Edge 89).
- Farben mit dem Farbwähler ändern in Verweis auf CSS-Features.
- Testen Sie den Kontrast von Text und Farbe mithilfe des Farbwählers
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren der vollständigen Barrierefreiheitsstrukturansicht im Elementbereich
Fügt eine Schaltfläche im Elementtool hinzu, die zwischen der DOM-Struktur und der Barrierefreiheitsstruktur wechselt.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren des Schriftarten-Editor-Tools im Bereich "Formatvorlagen"
Sie können den visuellen Schriftarten-Editor verwenden, um Schriftarten zu bearbeiten. Verwenden Sie sie zum Definieren von Schriftarten und Schriftartmerkmalen. Der visuelle Schriftarten-Editor hilft Ihnen dabei, Folgendes zu tun:
- Wechseln zwischen Einheiten für unterschiedliche Schriftarteigenschaften
- Wechseln zwischen Schlüsselwörtern für unterschiedliche Schriftarteigenschaften
- Konvertieren von Einheiten
- Generieren von genauem CSS-Code
So verwenden Sie den visuellen Schriftarten-Editor:
Klicken Sie zum Öffnen von DevTools mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. Oder drücken Sie
Ctrl++Shift``I(Windows/Linux) oderCommand+Option+I(macOS). DevTools wird geöffnet.Wählen Sie in DevTools auf der Hauptsymbolleiste die Registerkarte "Elemente" aus. Wenn die Registerkarte "Elemente" nicht angezeigt wird, klicken Sie auf die Schaltfläche "Weitere Registerkarten" (
"Weitere Registerkarten") oder auf die Schaltfläche "Weitere Tools" (
Wählen Sie auf der Registerkarte " Formatvorlagen " das Symbol "Schriftart-Editor " aus.
Weitere Informationen zum visuellen Schriftarten-Editor finden Sie unter Bearbeiten von CSS-Schriftartenformatvorlagen und -einstellungen im Bereich "Formatvorlagen".
Weitere Informationen finden Sie unter Bearbeiten von CSS-Schriftartformatvorlagen und -einstellungen im Bereich "Formatvorlagen".
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren der automatischen Kontrastberichterstattung über den Problembereich
Aktiviert die automatische Kontrastberichterstellung im Tool "Probleme ".
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren experimenteller Cookiefeatures
Aktiviert experimentelle Cookie-Features.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren des Berichts-API-Bereichs im Anwendungsbereich
Verwenden Sie die Berichterstellungs-API, um bestimmte Fehler wie Sicherheitsverletzungen oder veraltete API-Aufrufe abzufangen. Diese Fehler treten auf, wenn Benutzer Ihre Website besuchen und an einen Serverendpunkt gesendet werden. Aktivieren Sie dieses Experiment, um den Abschnitt "Reporting API " im Bereich "Anwendung " hinzuzufügen, in dem alle an den Endpunkt gesendeten Berichte aufgelistet sind.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Anzeigen präziserer Änderungen auf der Registerkarte "Änderungen"
Weitere Informationen finden Sie auf der Registerkarte "Änderungen" unter "Genauere Änderungen".
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Synchronisieren von CSS-Änderungen im Bereich "Formatvorlagen"
Gibt an, ob CSS-Änderungen auf der Registerkarte " Formatvorlagen " im Tool "Elemente" synchronisiert werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Lokale Außerkraftsetzungen für Antwortheader
Gibt an, ob lokale Außerkraftsetzungen für Antwortheader verwendet werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren Sie CSS-Erstellungshinweise für inaktive Regeln, veraltete Eigenschaften usw.
Gibt an, ob CSS-Erstellungshinweise im Bereich "Formatvorlagen " des Elements-Tools aktiviert werden sollen, um Informationen-QuickInfos neben inaktiven oder veralteten Eigenschaften anzuzeigen.
In Canary v105 hat dieses Kontrollkästchen keine Auswirkungen. Wenn dieses Feature implementiert ist, bietet dieses Feature Hilfe beim Schreiben oder Prüfen von CSS im Bereich "Formatvorlagen ". Neben inaktiven (oder veralteten) CSS-Eigenschaften werden kleine Informationssymbole angezeigt.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Verwenden des Lighthouse-Bereichs mit Zeitfenster- und Momentaufnahmemodi
Fügt dem Lighthouse-Tool einen Selektor hinzu, um zwischen verschiedenen Berichtsmodi zu wechseln. Derzeit werden die Navigations- und Momentaufnahmemodi unterstützt.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Tools für CSS-Ebenen im Bereich "Formatvorlagen"
Fügt im Bereich "Formatvorlagen" eine erweiterte Unterstützung für @layer die CSS-Regel hinzu. CSS-Regeln im Bereich "Formatvorlagen " werden nach den Ebenen gruppiert, denen sie angehören. Es wird ein Ebenenübersichts-Widget angezeigt, in dem die Schichtstruktur für das aktuell überprüfte Element angezeigt wird.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren der Farbauswahl außerhalb des Browserfensters
Ermöglicht Es Ihnen, den Mauszeiger zu bewegen, wenn es sich um ein Pipettetool handelt, und zwar an eine beliebige Stelle auf dem Bildschirm, nicht nur innerhalb des Microsoft Edge-Fensters.
Klicken Sie im Elementtool auf der Registerkarte " Formatvorlagen " auf eine beliebige Farbvorschau. Die Farbauswahl wird geöffnet. Klicken Sie auf die Schaltfläche "Farbauswahl umschalten" (
Der Mauszeiger wird zu einer Pipette. Klicken Sie auf eine beliebige Stelle auf dem Monitor, um eine Farbe auszuwählen.
Siehe auch:
- Ändern von Farben mit dem Farbwähler in Verweis auf CSS-Features
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Gruppieren von Quellen in erstellten und bereitgestellten Strukturen
Steuert, ob Quellen in erstellten und bereitgestellten Strukturen auf den Registerkarten "Seite", "Dateisystem" und "Außerkraftsetzungen " des Tools "Quellen " gruppiert werden sollen. Mit diesem Feature im Tool "Quellen " können Sie Quelldateien in zwei Ordnern gruppieren, je nachdem, ob es sich um folgende Ordner handelt:
- Ursprüngliche Quelldateien (erstellt, d. h. Dateien mit Ihren lokalen Bearbeitungen).
- Produktionsdateien (bereitgestellte Dateien, die sich nach dem Kompilieren und Bündeln der Quelldateien auf dem Webserver befinden).
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Protokollieren von DevTools-Ausnahmefehlern in der Konsole
Steuert, ob DevTools-Ausnahmen im Konsolentool protokolliert werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Enable webhint
Webhint ist ein Open-Source-Tool, das Echtzeitfeedback für Websites und lokale Webseiten bietet. Die Art des Feedbacks, das webhint zur Verfügung stellt, umfasst:
- Bedienungshilfen
- Browserübergreifende Kompatibilität
- Sicherheit
- Leistung
- Progressive Web-Apps (PWAs)
- Andere häufige Probleme bei der Webentwicklung
Das Webhint-Experiment zeigt das Webhint-Feedback im Bereich "Probleme " an. Wählen Sie ein Problem aus, um dokumentation zur Lösung und eine Liste der betroffenen Ressourcen auf Ihrer Website anzuzeigen. Wählen Sie einen Ressourcenlink aus, um den relevanten Bereich "Netzwerk", "Quellen" oder "Elemente" in DevTools zu öffnen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Probleme in Elementen anzeigen
Aktivieren Sie dieses Experiment, um Syntaxfehler unter HTML in der DOM-Ansicht des Elements-Tools anzuzeigen. Weitere Informationen finden Sie unter Wavy underlines highlight code issues and improvements in Elements tool.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Fokusmodus
Der Fokusmodus ist eine neue Benutzeroberfläche für DevTools. Der Fokusmodus wurde entwickelt, um die DevTools-Benutzeroberfläche zu vereinfachen und zu rationalisieren, ohne die Featuregruppe zu beeinträchtigen.
Der Fokusmodus ersetzt die Hauptzeile von Registerkarten durch eine Aktivitätsleiste, bei der es sich um eine kompakte Symbolleiste mit unverwechselbaren Symbolen handelt. Mithilfe der Aktivitätsleiste können Sie Ihre bevorzugten Tools anheften, neu anordnen und öffnen, um schnell darauf zugreifen zu können. Die Aktivitätsleiste bietet auch Zugriff auf Benutzereinstellungen, Hilfe und andere Features.
Der Fokusmodus bietet auch eine Schnellansichtsliste , um neben dem bereits in der Aktivitätsleiste ausgewählten Tool ein zweites Tool zu öffnen.
Siehe Reduzieren der Komplexität von DevTools mit Fokusmodus.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Quelldateien in Visual Studio Code öffnen
Das Experiment "Open Source-Dateien" in Visual Studio Code ersetzt den Code-Editor des Tools "Quellen" durch Visual Studio Code zum Bearbeiten lokaler Dateien. Wenn Sie dieses Experiment aktivieren, erkennen Entwicklertools, wenn Sie eine lokale Datei bearbeiten, und fordert Sie auf, einen Ordner auszuwählen, der als Arbeitsbereich verwendet werden soll.
Wenn Sie einen Ordner auswählen, der als Arbeitsbereich verwendet werden soll, wird durch Auswählen eines Links zu einer Datei in DevTools die Datei in Visual Studio Code geöffnet. In früheren Versionen von Microsoft Edge hat diese Aktion die Datei im Code-Editor des Tools "Quellen" in DevTools geöffnet.
Alle Änderungen, die Sie in DevTools vornehmen, ändern jetzt die Datei auf der Festplatte und synchronisieren live mit Visual Studio Code. Informationen zum Einrichten Ihres Arbeitsbereichs finden Sie unter Öffnen von Quelldateien in Visual Studio Code.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Automatisches Drucken im Microsoft Edge-Quellenbereich
Wenn dieses Experiment aktiviert ist und Sie eine minimierte Datei im Bereich "Quellen" anzeigen, wird die Datei auf einer einzigen Registerkarte im Bereich "Quellen" geöffnet, die ziemlich gedruckt ist.
Wenn dieses Experiment deaktiviert ist, werden Sie in einer Benutzeroberflächenaufforderung mit einer Schaltfläche gefragt, ob Sie die Datei schön drucken möchten. Die Datei wird auf einer zusätzlichen Registerkarte geöffnet, die das Suffix ":formatted" angehängt hat.
- Eine minimierte Datei wird in einer einzigen langen Zeile verkettet.
- Im Gegensatz dazu präsentiert pretty print den Inhalt einer Datei in einem eingerückten, besser lesbaren Format.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Liste für JavaScript-Frames auf der Zeitachse ignorieren
Gibt an, ob die Liste "Ignorieren" für JavaScript-Frames auf der Zeitachse enthalten sein soll.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Übersicht über Eingabeereignisse auf der Zeitachse
Steuert, ob Eingabeereignisse in der Zeitachsenübersicht enthalten sein sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Live-Heapprofil
Steuert, ob das Heapprofil live aktualisiert werden soll.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Sampling der Heap-Profiler-Zeitachse
Steuert, ob die Zeitachse des Sampling-Heap-Profilers angezeigt werden soll.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren des Tastenkombinations-Editors
Gibt an, ob die Bearbeitung von Tastenkombinationen aktiviert werden soll.
Siehe auch:
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: Nachverfolgung von Ungültigkeitsinformationen
Steuert, ob die Nachverfolgung von Ungültigkeitsinformationen auf der Zeitachse angezeigt werden soll.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: Alle Ereignisse anzeigen
Steuert, ob alle Ereignisse auf der Zeitachse angezeigt werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: V8-Laufzeit-Anrufstatistiken auf der Zeitachse
Steuert, ob v8-Laufzeitaufrufstatistiken auf der Zeitachse angezeigt werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Zeitachse: Wiedergabe von Eingabeereignissen
Steuert, ob Eingabeereignisse auf der Zeitachse wiedergegeben werden sollen.
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.
Aktivieren von Instrumentierungshaltepunkten
Gibt an, ob an Testhaltepunkten angehalten werden soll. Dieses Experiment macht Haltepunkte zuverlässiger.
Siehe auch:
- Aktivieren der Synchronisierung an Instrumentierungshaltepunkten
- Beim ersten Laden von Quelldateien werden Haltepunkte möglicherweise nicht ausgelöst
Status:
- Dieses Kontrollkästchen ist in Microsoft Edge Stable v103 nicht vorhanden.
- Dieses Kontrollkästchen ist in Microsoft Edge Canary v105 vorhanden.