Neuerungen in DevTools (Microsoft Edge 100)
Lesen Sie diese Ankündigungen, um die neuesten Features von Microsoft Edge DevTools und die Microsoft Edge DevTools-Erweiterung für Microsoft Visual Studio Code und Visual Studio zu testen.
Um auf dem Laufenden zu bleiben und die neuesten DevTools-Features zu erhalten, laden Sie eine Insider Preview-Version von Microsoft Edge herunter. Unabhängig davon, ob Sie Windows, Linux oder macOS verwenden, sollten Sie Canary (oder einen anderen Vorschaukanal) als Standardentwicklungsbrowser verwenden. Die Beta-, Dev- und Canary-Versionen von Microsoft Edge werden als separate Apps parallel zur stabilen, veröffentlichten Version von Microsoft Edge ausgeführt. Siehe Microsoft Edge Insider Channels.
Die neuesten Ankündigungen finden Sie, wenn Sie dem Microsoft Edge-Team auf Twitter folgen. Wenn Sie ein Problem mit DevTools melden oder nach einem neuen Feature fragen möchten, melden Sie ein Problem im Repository MicrosoftEdge/DevTools.
Video: Microsoft Edge | Neuerungen in DevTools 100
Treten Sie der Microsoft Edge DevTools-Community auf GitHub bei
Wir freuen uns, das neue MicrosoftEdge > DevTools-Repository auf GitHub ankündigen zu können! Dieses neue Repository ist ein Ort, an dem unsere Community von Entwicklern uns Ideen, Feedback, Vorschläge und Tipps zur Verbesserung von DevTools senden kann. Wir freuen uns darauf, mit Ihnen zu diskutieren, wie DevTools Ihre Anforderungen besser erfüllen und die Herausforderungen bewältigen kann, mit denen Sie jeden Tag konfrontiert sind, wenn Sie großartige Weberlebnisse erstellen.
Besuchen Sie unser DevTools-Repository bei GitHub, um Teil der Edge DevTools-Community zu werden.
Filtern der Zusammenfassung von Heapmomentaufnahmen nach Knotentyp
Beim Betrachten aller Objekte in einem Heap Momentaufnahme im Speichertool kann es schwierig sein, sich auf bestimmte Objekte zu konzentrieren oder Pfade beizubehalten. In Microsoft Edge 100 können Sie nun den neuen Filter Knotentypen verwenden, wenn Sie einen Heap-Momentaufnahme betrachten, um sich nur auf bestimmte Knotentypen zu konzentrieren. Um beispielsweise nur die Arrays und Zeichenfolgenobjekte anzuzeigen, die sich im Heap befinden, wählen Sie die Einträge Array und Zeichenfolge im Filter Knotentypen aus:
Siehe auch:
- Aufzeichnen von Heapmomentaufnahmen mithilfe des Speichertools ("Profilerstellungstyp "Heap Momentaufnahme") – Erstellen eines Heaps Momentaufnahme und Analysieren des Heaps
Verwenden von DevTools auf Tschechisch und Vietnamesisch
Das Anpassen und Vereinfachen der Entwicklerumgebung umfasst die Bereitstellung unserer Tools für alle, unabhängig von ihrer bevorzugten Sprache. Wir haben der Liste der unterstützten Sprachen zwei neue Sprachen hinzugefügt, Tschechisch und Vietnamesisch, und werden weiterhin weitere Sprachen hinzufügen. Wenn Ihre bevorzugte Sprache in DevTools nicht unterstützt wird, teilen Sie uns dies mit!
Siehe auch:
Das Netzwerktool zeigt jetzt an, wie eine Anforderung erfüllt wurde.
In Microsoft Edge 100 unterstützt das Netzwerktool eine neue Spalte Erfüllt nach im Anforderungsprotokoll. Wenn die Anforderung von Ihrem Service Worker oder aus dem Cache erfüllt wurde, werden diese Informationen jetzt in der Spalte Erfüllt von nachverfolgt. Beim Exportieren oder Importieren des Anforderungsprotokolls HAR als Datei sind auch die Informationen in der Spalte Erfüllt von enthalten.
Siehe auch:
- Filtern Sie Anforderungen nach Eigenschaften in der Referenz zu Netzwerkfeatures.
- Service Worker-Verbesserungen.
Den Verlauf dieses Features finden Sie unter Problem 16.
Filtern von Meldungen im Problemtool nach Schweregrad und Browserziel
Im Tool Probleme können Sie mithilfe der neuen Dropdownlisten Schweregrad und Browser Nachrichten nach Schweregrad und Browserziel filtern, damit Sie sich auf das relevanteste Feedback konzentrieren können. Sie können die Optionen in jeder Dropdownliste auswählen oder deaktivieren.
Um alle relevanten Meldungen anzuzeigen, müssen Sie möglicherweise die Seite aktualisieren. Wenn Sie dazu aufgefordert werden, klicken Sie im Tool Probleme auf die Schaltfläche Probleme erneut generieren .
Standardmäßig ist der Schweregradfilter so festgelegt, dass nur Warnungen und Fehler angezeigt werden:
Der Browserfilter gilt nur für Feedback zur Browserkompatibilität, das im Abschnitt Kompatibilität der Liste Probleme angezeigt wird. Standardmäßig zeigt der Browserfilter Meldungen für die top-Browser an, wie durch Browserliste definiert:
Im folgenden Beispiel werden Nachrichten zu Firefox und Firefox für Android herausgefiltert:
Siehe auch:
- Filtern Sie Probleme unter Suchen und Beheben von Problemen mit dem Tool "Probleme".
Beim Importieren eines Leistungsprofils werden Links nun ihrem ursprünglichen Code zugeordnet.
Beim Aufzeichnen eines Leistungsprofils zeigt das Flammendiagramm im Leistungstool Links von jedem Ereignis im Standard Thread zur entsprechenden JavaScript-Funktion im Quellentool an. Diese Links werden jedoch unterbrochen, wenn Sie ein Leistungsprofil exportieren und importieren.
In Microsoft Edge 100 verwenden die Links aus einem importierten Leistungsprofil nun Quellzuordnungen vom Azure Artifacts-Symbolserver, um Ihrem vertrauten, ursprünglichen Quellcode zuzuordnen. Das Leistungsprofil muss in Microsoft Edge 100 (oder höher) exportiert worden sein, damit das Profil die Informationen enthält, die zum Auflösen von Quellzuordnungen in der exportierten Leistungsablaufverfolgung erforderlich sind.
Siehe auch:
- Zuordnen des verarbeiteten Codes zu Ihrem ursprünglichen Quellcode zum Debuggen
- Sicheres Debuggen von Originalcode durch Veröffentlichen von Quellzuordnungen auf dem Azure Artifacts-Symbolserver
- Sicheres Debuggen von originalem Code mithilfe von Quellzuordnungen für Azure Artifacts-Symbolserver
Korrektur: Die Wasserfallansicht im Netzwerktool entspricht jetzt Visual Studio Code-Designs.
Update: Ab Microsoft Edge 131 wird das Visual Studio Code-Designfeature entfernt, und diese Designs rückgängig machen zu den Standarddesigns:
- Light+
- Dunkel+
In früheren Versionen von Microsoft Edge stimmte die Wasserfallansicht von Anforderungen im Netzwerktool nicht mit den Designs von Visual Studio Code überein, die für die restlichen DevTools gelten. In Microsoft Edge 100 wurde dieses Problem behoben.
Vor Microsoft Edge 100 wurde das ausgewählte Design nicht in der Wasserfallansicht angewendet:
In Microsoft Edge 100 wird das ausgewählte Design nun auf die Wasserfallansicht von Anforderungen im Netzwerktool angewendet:
Siehe auch:
- Anzeigen der Zeitsteuerungsbeziehung von Anforderungen in der Referenz zu Netzwerkfeatures – der Wasserfallansicht für Anforderungen im Netzwerktool.
Ankündigungen aus dem Chromium-Projekt
Microsoft Edge Version 100 enthält auch die folgenden Updates aus dem Chromium-Projekt: