Neuigkeiten in DevTools (Microsoft Edge 115)

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

Verbesserungen beim Herstellen einer Verbindung zwischen DevTools und dem Azure Artifacts-Symbolserver

In Microsoft Edge 115 ist es einfacher und anpassbarer, DevTools mit dem Azure Artifacts-Symbolserver zu verbinden. In früheren Versionen von Microsoft Edge mussten Sie zum Authentifizieren beim Symbolserver persönliche Zugriffstoken (PATs) in Azure DevOps generieren und dann in DevTools einfügen. Solange Sie mit einem Geschäftskonto bei Microsoft Edge angemeldet sind, können Sie jetzt mithilfe von Microsoft Entra ID eine Verbindung mit dem Symbolserver herstellen.

Darüber hinaus können Sie jetzt eine Verbindung mit mehreren Symbolservern herstellen, falls Sie Sourcemaps von verschiedenen Azure DevOps-Organisationen abrufen müssen. Sie können auch filtern, welche Sourcemaps DevTools vom Symbolserver abrufen soll, indem Sie die Sourcemap-URLs in einer Einschluss- oder Ausschlussliste angeben.

Herstellen einer Verbindung mit dem Symbolserver mithilfe der Microsoft Entra ID aus den DevTools-Einstellungen

Die Meldung An Azure DevOps organization must be selected bedeutet, dass Sie auf die organization doppelklicken oder darauf klicken und dann die Eingabetaste drücken.

Platzhalter

Im Textfeld Filterverhalten werden die folgenden Platzhalter unterstützt:

Platzhalter Bedeutung
? Entspricht einem einzelnen Zeichen.
* Entspricht einem oder mehreren Zeichen.

Wenn Sie "Ausschlussliste" auswählen, versucht DevTools, alle Quellzuordnungen für Skripts nachzuschlagen, mit Ausnahme derjenigen, die eine URL aufweisen, die mit einem der Einträge in der Liste übereinstimmt.

Wenn Sie Aufnahmeliste auswählen, versucht DevTools nur, Quellzuordnungen für Skripts zu suchen, die URLs aufweisen, die mit einem der Einträge in der Liste übereinstimmen. Angenommen, Sie wählen Aufnahmeliste in der Dropdownliste Filterverhalten aus und geben dann Folgendes in das Textfeld Filterverhalten ein:

https://cdn.contoso.com/*
https://packages.contoso.com/*

In diesem Beispiel versucht DevTools nur, Quellzuordnungen aufzulösen, die diesen beiden URL-Mustern entsprechen, und versucht nicht, Quellzuordnungen für andere Skripts zu laden.

Siehe auch:

Verbesserungen des Speichertools

In früheren Versionen von Microsoft Edge nimmt das Speichertool bei Verwendung der Zuordnungsinstrumentation für Zeitleiste Profilerstellungstyp (später in "Zuordnungen auf Zeitleiste Optionsfeld" umbenannt) alle 50 Millisekunden eine Stichprobe des Heaps. Wenn jedoch eine Stichprobe des Heaps mit der Größe des Heaps skaliert, also bei einer Heapgröße von 200 MB, dauert die Generierung des Beispiels tatsächlich 1,5 Sekunden. Infolgedessen bleibt im Hauptthread für Ihre Website nur wenig Zeit, abgesehen von der Generierung von Heap-Beispielen. Wenn die Zuordnungsinstrumentation auf der Zeitleiste ausgeführt wird, sieht es möglicherweise so aus, als ob Ihr Webinhalt hängt oder blockiert ist.

In Microsoft Edge 115 wird die Samplingrate für den Heap jetzt auf die Zeit skaliert, die zum Generieren eines Beispiels benötigt wird, wodurch der Hauptthread freigegeben wird, sodass Sie während der Profilerstellung mit Ihren Webinhalten interagieren können.

Die Profilerstellungsoption

Darüber hinaus enthielten Heap-Momentaufnahmen in früheren Versionen von Microsoft Edge manchmal Objekte, die durch Garbage Collection (GC) hätten gesammelt werden sollen. In Microsoft Edge 115 wurde dieses Problem behoben, und Heap-Momentaufnahmen sind jetzt genauer.

Siehe auch:

Aktualisierte DevTools-Symbole und -Schaltflächen

In Microsoft Edge 115 wurde die DevTools-Benutzeroberfläche mit neuen Symbolen und Schaltflächen überarbeitet. Beim Debuggen im Tool "Quellen " wird beispielsweise der aktuelle Frame im Aufrufstapel durch einen nach rechts zeigenden blauen Pfeil angezeigt. Dieses Symbol ist konsistenter mit den Debugsymbolen in Microsoft Visual Studio und Microsoft Visual Studio Code:

Das nach rechts zeigende blaue Pfeilsymbol für den aktuellen Frame in der Aufrufliste

In früheren Versionen von Microsoft Edge wurden in der Bottom-up-Ansicht im Tool "Leistung " die Dreiecksschaltflächen zum Reduzieren und Erweitern der aufgezeichneten Aktivitäten falsch gerendert. In Microsoft Edge 115 wurde dieses Problem behoben, und Sie können nun einzelne Aktivitäten erweitern und reduzieren, um zu sehen, welche Funktionen sie aufrufen:

Die Dreiecksymbole zum Erweitern und Reduzieren von Aktivitäten in der Ansicht

Siehe auch:

Sprachausgaben kündigen den Dropdownstatus im Gerätemodus ordnungsgemäß an

In früheren Versionen von Microsoft Edge haben Sprachausgaben im Gerätemodus den Status von Dropdownmenüs fälschlicherweise als "erweitert" angekündigt, obwohl diese Menüs tatsächlich reduziert waren. In Microsoft Edge 115 wurde dieses Problem behoben, und Sprachausgaben kündigen jetzt den Status von Dropdownmenüs im Gerätemodus ordnungsgemäß als "reduziert" oder "erweitert" an:

Im Gerätemodus erweitertes Dropdownmenü

Siehe auch:

Verbesserungen bei der Profilerstellung für das Tool "Leistung"

Beim Aufzeichnen eines Profils im Leistungstool nimmt das V8-JavaScript-Modul regelmäßige Stichproben aller ausgeführten JavaScript-Funktionen, um die CPU-Zeit genau im Flammendiagramm anzugeben. Beim Erstellen von Profilen für eine Website mit vielen domänenübergreifenden iframes nimmt die Erfassung dieser Beispiele viel Zeit in Anspruch. Dies führt zu einem erheblichen Mehraufwand, der den Hauptthread verlangsamt, wodurch die Leistung der Website während der Profilerstellung verlangsamt wird. In Microsoft Edge 115 unter Windows sammelt V8 diese Beispiele effizienter, was zu einer besseren Websiteleistung bei der Profilerstellung führt.

Darüber hinaus kannst du im Leistungstool jetzt eine Darstellung des Profiler-Overheads im Flammendiagramm sehen, wenn du ein Profil aufzeichnest. Dieser Zeitblock stellt die CPU-Zeit dar, die zum Erfassen und Analysieren von Ereignissen beim Aufzeichnen eines Profils benötigt wird, und stellt nicht die CPU-Zeit dar, die die Benutzer Ihrer Website tatsächlich vorfinden. Dem Flammendiagramm wurden Overheadereignisse für die Profilerstellung hinzugefügt, damit Sie die Leistungsuntersuchungen auf Ereignisse zum Kompilieren von Code und zum Auswerten von Skripts konzentrieren können, die sich auf Ihre tatsächlichen Benutzer auswirken, und nicht auf Ereignisse, die nur Zeit in Anspruch nehmen, während Sie im Tool "Leistung" ein Profil erstellen:

Der Zeitblock

Siehe auch:

Ankündigungen aus dem Chromium-Projekt

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

Siehe auch

  • Zuletzt aktualisiert um