Neuerungen in DevTools (Microsoft Edge 131)

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

Visual Studio Code-Designs werden entfernt.

Das Visual Studio Code-Designfeature ist jetzt veraltet. Diese Designs rückgängig machen standardmäßig in das Systemeinstellungsdesign. Die Designs Light+ und Dark+ werden weiterhin unterstützt. Wählen Sie zum Auswählen eines Designs das Dropdownmenü DevTools >Preferences>Designanpassen und steuernaus:

Siehe auch:

• Überprüfen auf Kontrastprobleme mit dunklem design und hellem Design

Edge-Experimenteinstellungen können deaktiviert werden

Zuvor konnten die folgenden Experimente, die standardmäßig aktiviert wurden, nicht deaktiviert werden, auch nachdem sie ihre Kontrollkästchen auf der Seite "Einstellungen Experimente" > deaktiviert und DevTools erneut geladen wurden:

• Aktivieren von Webhint
• Anzeigen von Problemen in Elementen
• Öffnen von Quelldateien in Visual Studio Code

Dies ist jetzt behoben, und Sie können diese Experimente deaktivieren.

Siehe auch:

• Aktivieren Sie Webhint in experimentellen Features in Microsoft Edge DevTools.
• Zeigen Sie Probleme in Elementen in experimentellen Features in Microsoft Edge DevTools an.
• Öffnen Sie Quelldateien in Visual Studio Code unter Experimentelle Features in Microsoft Edge DevTools.

Anzeigen der CSS-Auswahlkosten auf der Seitenleiste des Leistungstools

Auf der linken Randleiste im Leistungstool werden die Kosten für CSS-Selektoren auf der Registerkarte Erkenntnisse angezeigt:

So zeigen Sie css-Selektorkosten an:

1. Klicken Sie im Leistungstool auf die Schaltfläche Einstellungen erfassen (), und aktivieren Sie dann das Kontrollkästchen CSS-Auswahlstatistiken (langsam) aktivieren .

2. Nehmen Sie eine Leistungsaufzeichnung auf.

3. Wenn die Registerkarte Insights nicht angezeigt wird, klicken Sie auf die Schaltfläche Seitenleiste anzeigen () und dann auf die Registerkarte Erkenntnisse .

4. Klicken Sie auf die Schaltfläche CSS-Auswahlkosten , um den zugehörigen Abschnitt zu erweitern.

Siehe auch:

• Analysieren der CSS-Selektorleistung während der Neuberechnung von Formatvorlagenereignissen

Das Bearbeitungsfeld wurde korrigiert, das nach dem Drücken der TAB-TASTE nach der automatischen Vervollständigung beendet werden soll.

Wenn Sie nach der automatischen Vervollständigung die TAB-TASTE drücken, wird das Bearbeitungsfeld beendet, und der Fokus liegt auf dem nächsten Fokuspunkt. Zuvor wurde durch Drücken der TAB-TASTE nur der Text eingerückt.

Ankündigungen aus dem Chromium-Projekt

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

• Verbesserungen des Leistungsbereichs
  • Kommentieren und Teilen von Leistungsergebnissen
  • Abrufen von Leistungserkenntnissen direkt im Leistungsbereich
  • Übermäßige Layoutverschiebungen leichter erkennen
  • Erkennen der nicht zusammengesetzten Animationen
  • Hardwareparallelität wechselt zu Sensoren
• Anonyme Skripts ignorieren und sich in Stapelablaufverfolgungen auf Ihren Code konzentrieren
• Elementstile > : Unterstützung für seitwärts-*-Schreibmodi für Rasterüberlagerungen und CSS-weite Schlüsselwörter

Siehe auch

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