Neuigkeiten in DevTools (Microsoft Edge 113)

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

Tipp

Die Microsoft Build 2023-Konferenz fand vom 23. bis 25. Mai 2023 statt. Weitere Informationen zu neuen Features für Speicher-, Leistungs- und Produktionsdebugging in DevTools sowie zu neuen Funktionen für PWAs in der Randleiste, WebView2 und Chat-Plug-Ins finden Sie in den folgenden Videos:

Video: Neuerungen in DevTools 113 und 114

Miniaturbild für das Video

Debuggen von JavaScript-Fehlerstapelüberwachungen mithilfe des Tools Crash Analyzer

Das neue Tool zur Absturzanalyse ist als Experiment in Microsoft Edge 113 verfügbar. Im Tool Crash Analyzer können Sie einen JavaScript-Stack-Trace eingeben, z. B. für nicht schwerwiegende JavaScript-Ausnahmen, und dann Ihre Sourcemaps auf den Stack-Trace anwenden, damit Sie schneller debuggen können.

Um auf das Tool "Absturzanalyse" zuzugreifen, wählen Sie in den Einstellungsexperimenten> die Option "Absturzanalyse-Experiment aktivieren" aus. Siehe Aktivieren oder Deaktivieren eines Experiments.

Sie können nicht schwerwiegende JavaScript-Ausnahmen oder ähnliche Daten an Tools wie Azure-Anwendungen Insights melden:

  1. Um das Tool Crash Analyzer verwenden zu können, benötigen Sie zunächst speziell formatierte Stack-Traces, die einen Abschnitt mit dem Namen Source modules. Dieser Abschnitt enthält die Sourcemap-Verweise auf die JavaScript-Funktionen, die Teil des Fehlerstapel-Trace waren. Sie können diese Stapelüberwachungen mithilfe des npm-Pakets von Crash Analyzer Support erstellen.

  2. Dann benötigen Sie eine Möglichkeit, die Stapelüberwachungen tatsächlich von den Browsern zu empfangen, in denen Ihr Code ausgeführt wird. Eine solche Möglichkeit ist die Verwendung von Azure-Anwendungen. Weitere Informationen finden Sie unter Application Insights-Übersicht.

  3. Nachdem Sie über einen Stapelablaufverfolgung verfügen, fügen Sie ihn in den linken Bereich des Absturzanalysetools ein.

  4. Klicken Sie im Tool Absturzanalyse auf die Schaltfläche Analysieren (oder drücken Sie STRG+EINGABE). Im rechten Bereich werden die ursprünglichen Datei- und Funktionsnamen angezeigt, aus denen die Stapelüberwachung besteht:

    Verwenden des Tools

  5. Klicken Sie sich durch die einzelnen Stapelframes, um die Zeilen in Ihrem ursprünglichen Code anzuzeigen, die den Fehler verursacht haben.

Weitere Informationen finden Sie unter Tool für die Absturzanalyse.

Siehe auch:

Das Speichertool kann die Minimierung von Objektnamen in Heap-Momentaufnahmen aufheben

In Microsoft Edge 113 stellt das Speichertool jetzt automatisch die ursprünglichen Objektnamen bereit, wenn eine Heap-Momentaufnahme erstellt wird, solange Quellzuordnungen geladen werden. Quellzuordnungen können zuverlässig und sicher geladen werden, indem sie auf dem Azure Artifacts-Symbolserver gehostet werden.

In der folgenden Abbildung wird der minimierte Objektname e in einer Heap-Momentaufnahme im Speichertool angezeigt:

Eine Heap-Momentaufnahme im Speichertool zeigt minimierte Objektnamen an

In Microsoft Edge 113 hebt das Speichertool jetzt automatisch die Verkleinerung von Objektnamen in der Heap-Momentaufnahme auf:

Eine Heap-Momentaufnahme im Speichertool zeigt nicht minimierte Objektnamen an

Siehe auch:

Das Probleme-Tool bietet eine bessere Unterstützung für die Tastaturnavigation

Wenn Sie im Tool "Probleme" den Schweregrad oder die Browserfilter ändern, wird oben im Tool "Probleme " eine Infoleiste angezeigt, die eine Schaltfläche "Probleme neu generieren " enthält. In früheren Versionen von Microsoft Edge führte das Navigieren in dieser Infoleiste mit der Tastatur dazu, dass die Schaltfläche "Schließen " ausgeblendet wurde. In Microsoft Edge 113 wurde dieses Problem behoben:

Das Navigieren im Probleme-Tool mit der Tastatur führt nicht mehr dazu, dass die Schaltfläche

Siehe auch:

Wenn Sie im Fokusmodus auf ein Tool zeigen, verschwindet nicht mehr der Name des jeweiligen Tools in der Aktivitätsleiste

In früheren Versionen von Microsoft Edge führte das Zeigen auf das Symbol eines Tools in der Aktivitätsleiste im horizontalen Modus dazu, dass die Namen der anderen Tools in der Aktivitätsleiste ausgeblendet wurden. In Microsoft Edge 113 wurde dieses Problem behoben. Wenn Sie mit dem Mauszeiger auf ein Toolsymbol zeigen, um den Namen des Tools in einer QuickInfo anzuzeigen, werden die Namen der anderen Tools weiterhin in der Aktivitätsleiste angezeigt:

Wenn Sie den Mauszeiger über ein Toolsymbol in der Aktivitätsleiste bewegen, wird eine QuickInfo mit dem Namen des Tools angezeigt

Das Menü "DevTools anpassen" bietet eine bessere Unterstützung für VS 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 verursachte das Anwenden von Designs aus Microsoft Visual Studio Code wie Solarized Light oder Kimbie Dark Probleme mit geringem Kontrast, wenn mit der Maus auf Elemente im DevTools-Menü "Anpassen und steuern " gezeigt wurde. In Microsoft Edge 113 wurde dieses Problem behoben. Elemente im DevTools-Menü "Anpassen und steuern " werden jetzt mit ausreichendem Farbkontrast angezeigt:

Ausreichender Farbkontrast im Menü

Siehe auch:

Der Filter "Knotentypen" im Speichertool wird jetzt nur in der Zusammenfassungsansicht einer Heap-Momentaufnahme angezeigt

In Microsoft Edge 100haben wir dem Speichertool einen Filter für Knotentypen hinzugefügt, sodass Sie sich beim Anzeigen einer Heap-Momentaufnahme nur auf bestimmte Objekttypen konzentrieren können, zArray. B. oder String. Dieser Knotentypenfilter gilt nur für Objekte, die in der Zusammenfassungsansicht einer Heap-Momentaufnahme angezeigt werden.

Der Filter "Knotentypen" wurde auch angezeigt, wenn die Containment- oder Statistikansichten der Heap-Momentaufnahme ausgewählt wurden, obwohl der Filter für diese Ansichten nicht gilt. Das Problem wurde behoben. In Microsoft Edge 113 wird der Filter "Knotentypen " nur angezeigt, wenn die Zusammenfassungsansicht ausgewählt ist:

Der Filter

In den Ansichten Containment und Statistik wird der Filter Knotentypen nicht mehr angezeigt, da er nicht zutrifft:

Der Filter

Siehe auch:

Ankündigungen aus dem Chromium-Projekt

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

Siehe auch

  • Zuletzt aktualisiert um