Neuigkeiten in DevTools (Microsoft Edge 140)

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

Anzahl der Invalidierungen in CSS-Selektorstatistiken

Im Leistungstool hat die Tabelle der CSS-Selektorstatistiken eine neue Spalte: Anzahl der Invalidierungen. Die Spalte "Invalidierung Anzahl " zeigt eine aggregierte Anzahl von DOM-Knoten an, die mit einem CSS-Selektor übereinstimmen, die ungültig gemacht wurden und deren Stil neu berechnet wurde. Ein DOM-Knoten kann mehrfach durch mehrere CSS-Selektoren ungültig gemacht werden.

Während eines Stil-Neuberechnungsereignisses kann der Browser viele DOM-Knoten basierend auf einem bestimmten CSS-Selektor ungültig machen. Ineffiziente CSS-Selektoren können sich auf die Leistung Ihrer Webseite auswirken. Wenn Sie hohe Kosten für die Neuberechnung von Formatvorlagen haben, kann dies durch eine übermäßige Ungültigkeit verursacht werden. Sie können diese neue Erkenntnis verwenden, um CSS-Selektoren mit einer hohen Ungültigkeitsanzahl zu identifizieren und eine Überinvalidierung zu reduzieren, indem Sie Ihre CSS-Stilregeln verfeinern.

Siehe auch:

• Analysieren Sie die Leistung des CSS-Selektors während "Stil neu berechnen"-Ereignissen

Ankündigungen aus dem Chromium-Projekt

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

• Emulieren Sie den Header "Save-Data" in "Netzwerkbedingungen".
• Sehen Sie sich den Baseline-Status in einer QuickInfo einer CSS-Eigenschaft an
• Außerkraftsetzen von Formfaktoren in Benutzer-Agent-Clienthinweisen

Siehe auch

• Neuerungen in den Microsoft Edge-DevTools
• Versionshinweise für die Microsoft Edge-Webplattform