Neuerungen in DevTools (Microsoft Edge 103)

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

Video: Neuerungen in DevTools 103

Miniaturbild für das Video

Neue Knotentypen im Speichertool

Wenn in Microsoft Edge 103 eine Heap-Momentaufnahme im Speichertool erstellt wird, gibt es zwei neue Knotentypen:

  • BigInt : Wird zum Darstellen und Bearbeiten von Werten verwendet, die zu groß sind, um durch den Knotentyp "Zahl" dargestellt zu werden. Siehe BigInt.
  • Objekt-Shape – Bezieht sich auf die ausgeblendeten Klassen und Deskriptorarrays, die V8 (das JavaScript-Modul von Microsoft Edge) verwendet, um die Eigenschaften von Objekten zu verstehen und zu indizieren. Siehe HiddenClasses und DescriptorArrays in Fast-Eigenschaften in V8.

BigInt- und Object Shape-Speicherknotentypen

Zum Verlauf siehe Problem 12769: Verbessern der Kategorisierung von Objekten in Heap-Momentaufnahmen.

Siehe auch:

  • Konstruktoreinträge in Aufzeichnen von Heap-Momentaufnahmen mithilfe des Speichertools (Profiltyp "Heap-Momentaufnahme").

Starten Sie den Browser aus einer HTML-Datei und verwenden Sie das Anwendungstool in Visual Studio Code

Um das Starten einer neuen eingebetteten Instance von Microsoft Edge in Visual Studio Code zu vereinfachen, gibt es jetzt beim Klicken mit der rechten Maustaste auf eine HTML-Datei im Explorer ein Untermenü "Mit Edge öffnen" mit den Befehlen "Browser öffnen" und "Browser mit DevTools öffnen":

Klicken Sie mit der rechten Maustaste auf eine HTML-Datei, um eine Browser-instance und die Registerkarte

Sie können jetzt auch das Anwendungstool verwenden, um Einblicke in die Speicher- und Service Worker-Informationen Ihres Projekts zu erhalten, ohne Visual Studio Code verlassen zu müssen:

Das Anwendungstool auf der Registerkarte

Siehe auch:

Fehlerbehebungen für die Benutzeroberfläche des Fokusmodus

In der neuen DevTools-Benutzeroberfläche für den Fokusmodus wurden verschiedene Fehler behoben, die sich auf Steuerelemente und Tastenkombinationen für DevTools auswirken:

  • Verbessertes Verhalten von reduzierbaren Bereichen wie Formatvorlagen im Tool "Elemente ".
  • Es wurden einige Fälle behoben, in denen der Name eines geöffneten Tools nicht sichtbar war.
  • Verbesserte Zuverlässigkeit der Steuerelemente der Schnellansicht .
  • Verbessertes Verhalten beim Öffnen von DevTools mithilfe von Tastenkombinationen.
  • Es wurde ein Problem behoben, das beim Navigieren zu einer bestimmten Codezeile im Tool "Quellen" mithilfe von Tastenkombinationen auftrat.
  • Die Tastenkombination zum Öffnen der Suche im Schnellansichtsbereich mit STRG+UMSCHALT+F (Windows, Linux) oder BEFEHL+WAHL+F (macOS) wurde wiederhergestellt:

Mit der Tastenkombination

Das Tool "3D-Ansicht" reagiert besser auf schmale Layouts

In früheren Versionen von Microsoft Edge wurde das Tool "3D-Ansicht " in schmalen Layouts nicht ordnungsgemäß angezeigt. Die Symbolleistenoptionen wurden abgeschnitten, als DevTools schmal war. In Microsoft Edge 103 wurde dieses Problem behoben. Die Symbolleistenoptionen in der 3D-Ansicht stapeln sich jetzt, wenn die Breite des DevTools-Fensters verringert wird:

Dynamisches Layout der Symbolleiste im Tool

Siehe auch:

Fix: Die Schaltfläche "Schließen" für DevTools ist jetzt im Modus für hohen Kontrast zugänglich

In früheren Versionen von Microsoft Edge wurde die Schaltfläche "Schließen " für DevTools im Modus für hohen Kontrast nicht ordnungsgemäß gerendert. In Microsoft Edge 103 wurde dieses Problem behoben. Die Schaltfläche "Schließen " (Symbol )" für DevTools wird im Modus für hohen Kontrast ordnungsgemäß angezeigt:

Die Schaltfläche

Siehe auch:

Neu gestaltetes Willkommenstool

In Microsoft Edge 103 hat das Willkommenstool ein neues, modernes Design mit verbesserten und erweiterten Inhalten. Es ist einfacher denn je, Dokumentationen, Videos und Informationen zu neuen Features und Fehlerbehebungen zu finden.

  • Verwenden Sie die Links im Abschnitt "Lernen ", um schnell zur Dokumentation für häufige Aufgaben in DevTools zu wechseln.

  • Informieren Sie sich im Abschnitt "Neuigkeiten " über die neuesten Änderungen, neuen Features und Fehlerbehebungen.

  • In beiden Abschnitten erfahren Sie mehr über vorhandene und neue Webentwicklungsfeatures durch unsere neue Videoreihe Videos zur Webentwicklung mit Microsoft Edge.

Das neu gestaltete Willkommenstool

Siehe auch:

Ankündigungen aus dem Chromium-Projekt

Microsoft Edge 103 enthält auch die folgenden Updates des Chromium-Projekts:

Siehe auch

  • Zuletzt aktualisiert um