Freigeben über

Neuerungen in DevTools (Microsoft Edge 116)

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

Neue Schaltfläche "Aktivitätsleiste verschieben" direkt auf der Aktivitätsleiste

Im Fokusmodus können Sie die Aktivitätsleiste jetzt schnell mit nur einem Mausklick verschieben. In der oberen linken Ecke von DevTools befindet sich neben der Schaltfläche "Untersuchen " und der Schaltfläche " Geräteemulation " nun eine Aktivitätsleiste nach links verschieben oder die Schaltfläche Aktivitätsleiste nach oben verschieben :

Schaltfläche

Die Schaltfläche

Beispielsweise ist die Aktivitätsleiste standardmäßig horizontal, aber Sie können sie in vertikal ändern, indem Sie einfach auf die neue Schaltfläche Aktivitätsleiste verschieben nach links in der Aktivitätsleiste klicken, anstatt zum Menü DevTools-Einstellungen (...) wechseln zu müssen.

Siehe auch:

React Developer Tools-Erweiterung behält den Status der Tools bei

Vor Microsoft Edge 116 wurde der Status eines Tools in DevTools nicht beibehalten, wenn Sie sich während der Verwendung der erweiterung React Developer Tools im Fokusmodus befanden. Das Problem wurde behoben.

Siehe auch:

Ansicht "Containment Diff" im Speichertool bei mehreren Heapmomentaufnahmen

Wenn im Speichertool mehr als ein Heap Momentaufnahme vorhanden ist, ist jetzt im Dropdownmenü Perspektive oben links im Speichertool eine Ansicht "Containment Diff" verfügbar:

Die Ansicht

In der Ansicht Containment Diff werden nur die neuen Objekte, gelöschten Objekte oder Objekte in der Aufbewahrungskette angezeigt, die schließlich zu einem neuen oder gelöschten Knoten führen. Das Punktsymbol • bedeutet, dass es sich um einen Knoten in der Aufbewahrungskette handelt. Wenn Sie die Ansicht erweitern, wird der neue oder gelöschte Knoten angezeigt.

Zum Beispiel:

  1. Öffnen sie die Beispielwebseite Beispiel 9: DOM-Leaks sind in einem neuen Fenster oder einer neuen Registerkarte größer als erwartet.

  2. Klicken Sie mit der rechten Maustaste auf die Webseite, und wählen Sie dann Untersuchen aus. DevTools wird geöffnet.

  3. Wählen Sie in der Aktivitätsleiste das Tool Arbeitsspeicher aus.

  4. Klicken Sie oben links auf die Schaltfläche Heap Momentaufnahme. Momentaufnahme 1 ist im Abschnitt Profile aufgeführt.

  5. Klicken Sie auf der gerenderten Beispielwebseite auf die Schaltfläche Struktur erstellen .

  6. Klicken Sie im Speichertool erneut auf die Schaltfläche Heap Momentaufnahme. Momentaufnahme 2 wird im Abschnitt Profile hinzugefügt.

  7. Wählen Sie im Dropdownmenü Perspektive anstelle von Zusammenfassung die Option Containment Diff aus.

  8. Erweitern Sie in der Spalte Objekt einen Eintrag.

Siehe auch:

Ankündigungen aus dem Chromium-Projekt

Microsoft Edge 116 enthält auch die folgenden Updates aus dem projekt Chromium:

Siehe auch