Neuigkeiten in DevTools (Microsoft Edge 100)

Dies sind die neuesten DevTools-Features in der stabilen Version von Microsoft Edge.

Video: Microsoft Edge | Neuigkeiten in DevTools 100

Miniaturbild für das Video

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 für unsere Entwicklercommunity, um uns Ideen, Feedback, Vorschläge und Tipps zur Verbesserung von DevTools zu senden. Wir möchten mit Ihnen besprechen, wie DevTools Ihre Anforderungen besser erfüllen und die Herausforderungen meistern kann, denen Sie sich täglich beim Erstellen großartiger Weberfahrungen stellen müssen.

Das DevTools-Feedbackrepository

Besuchen Sie unser DevTools-Repository auf GitHub, um Teil der Edge DevTools-Community zu werden.

Zusammenfassung der Filterheap-Momentaufnahmen nach Knotentyp

Wenn Sie sich alle Objekte in einer Heap-Momentaufnahme im Speichertool ansehen, kann es schwierig sein, sich auf bestimmte Objekte zu konzentrieren oder Pfade beizubehalten. Jetzt können Sie in Microsoft Edge 100 den neuen Knotentypen-Filter beim Anzeigen einer Heap-Momentaufnahme verwenden, 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 Array - und Zeichenfolgeneinträge im Filter Knotentypen aus:

Knotentypen in einer Heap-Momentaufnahme im Speichertool

Siehe auch:

Verwenden von DevTools in Tschechisch und Vietnamesisch

Zur Anpassung und Vereinfachung der Entwicklererfahrung gehört es, unsere Tools für alle verfügbar zu machen, unabhängig von ihrer bevorzugten Sprache. Wir haben unserer Liste der unterstützten Sprachen zwei neue Sprachen hinzugefügt, Tschechisch und Vietnamesisch, und wir werden auch weiterhin weitere Sprachen hinzufügen. Wenn Ihre bevorzugte Sprache in DevTools nicht unterstützt wird, teilen Sie uns dies mit.

DevTools in Tschechisch und Vietnamesisch

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 von " 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 als HAR Datei werden auch die Informationen in der Spalte Erfüllt von einbezogen.

Die Spalte

Siehe auch:

Den Verlauf dieses Features finden Sie unter Problem #16.

Filtern von Nachrichten im Problemtool nach Schweregrad und Browserziel

Im Tool "Probleme " können Sie über die neuen Dropdownlisten "Schweregrad " und "Browser " Nachrichten nach Schweregrad und Browserziel filtern, um sich auf das relevanteste Feedback konzentrieren zu können. Sie können die Optionen in jeder Dropdownliste aktivieren oder deaktivieren.

Um alle relevanten Nachrichten anzuzeigen, müssen Sie die Seite möglicherweise aktualisieren. Wenn Sie dazu aufgefordert werden, klicken Sie im Tool "Probleme " auf die Schaltfläche "Probleme neu generieren ".

Der Schweregradfilter ist standardmäßig so eingestellt, dass nur Warnungen und Fehler angezeigt werden:

Filter für Schweregrad

Der Browserfilter gilt nur für Feedback zur Browserkompatibilität, das im Abschnitt Kompatibilitätder Problemliste angezeigt wird. Standardmäßig zeigt der Browserfilter Meldungen für die wichtigsten Browser an, wie durch Browserslist definiert:

Die Browser-Dropdownliste mit der Auswahl

Im folgenden Beispiel werden Nachrichten zu Firefox und Firefox für Android herausgefiltert:

Nachrichten über den Firefox-Browser herausgefiltert (entfernt)

Siehe auch:

Bei der Aufzeichnung eines Leistungsprofils zeigt das Flammendiagramm im Tool Leistung Links von jedem Ereignis im Hauptthread zur entsprechenden JavaScript-Funktion im Tool Quellen an. Diese Verknüpfungen werden jedoch beim Exportieren und Importieren eines Leistungsprofils unterbrochen.

In Microsoft Edge 100 verwenden die Links aus einem importierten Leistungsprofil jetzt Quellzuordnungen vom Azure Artifacts-Symbolserver, um sie wieder 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.

Links aus importierten Leistungsprofilen verwenden Quellzuordnungen führen zu Ihrem vertrauten, ursprünglichen Quellcode

Siehe auch:

Fix: Die Wasserfall-Ansicht im Netzwerktool entspricht jetzt Visual Studio Code-Designs.

Update: Ab Microsoft Edge 131 wird das Visual Studio Code-Designfeature entfernt, und solche Designs werden auf die Standarddesigns rückgängig gemacht:

  • Leicht+
  • Dark+

In früheren Versionen von Microsoft Edge entsprach die Wasserfallansicht von Anforderungen im Netzwerktool nicht den Designs aus Visual Studio Code, die für den Rest von DevTools gelten. In Microsoft Edge 100 wurde dieses Problem behoben.

Vor Microsoft Edge 100 wurde das ausgewählte Design nicht in der Wasserfallansicht angewendet:

Das ausgewählte Design wurde in der Wasserfallansicht nicht angewendet

In Microsoft Edge 100 wird jetzt das ausgewählte Design auf die Wasserfallansicht von Anforderungen im Netzwerktool angewendet:

Das ausgewählte Design wird jetzt auf die Wasserfallansicht von Anforderungen im Netzwerktool angewendet

Siehe auch:

Ankündigungen aus dem Chromium-Projekt

Microsoft Edge Version 100 enthält auch die folgenden Updates aus dem Chromium-Projekt:

Siehe auch

  • Zuletzt aktualisiert um