Neuerungen in den Entwicklertools (Chrome 108)

Jecelyn Yeen

Hinweise für inaktive CSS-Eigenschaften

Die Entwicklertools erkennen jetzt gültige CSS-Stile, die keine sichtbaren Auswirkungen haben. Im Bereich Styles werden in den Entwicklertools die inaktiven Eigenschaften ausgeblendet. Bewegen Sie den Mauszeiger auf das Symbol daneben, um zu erfahren, warum die Regel keine sichtbaren Auswirkungen hat.

Hinweise für inaktive CSS-Eigenschaften.

Chromium-Problem: 1178508

XPath- und Text-Selectors im Steuerfeld „Aufzeichnung“ automatisch erkennen

Der Bereich Rekorder unterstützt jetzt XPath- und Textselektoren. Starte die Aufzeichnung eines User Flows. Der Rekorder wählt automatisch den XPath und den kürzesten eindeutigen Text eines Elements als Selektor aus, sofern verfügbar.

XPath- und Textauswahlen im Rekorder-Bereich

Chromium-Probleme: 1327206,1327209

Durch Kommas getrennte Ausdrücke durchgehen

Sie können jetzt beim Debuggen durch Kommas getrennte Ausdrücke durchgehen. Dadurch wird die Debug-Fähigkeit von minimiertem Code verbessert.

Gehen Sie die einzelnen Ausdrücke durch Kommas getrennt durch.

Bisher wurde in den Entwicklertools nur die schrittweise Ausführung durch durch Semikolons getrennte Ausdrücke unterstützt.

Mit dem folgenden Code

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Transpiler und Minifier können sie in kommagetrennte Ausdrücke umwandeln.

function bar(){return foo(),foo(),42}

Das führt beim Debuggen zu Verwirrung, da sich das Schritt-für-Schritt-Verhalten zwischen minimiertem und erstelltem Code unterscheidet. Noch verwirrender ist es, wenn Quellkarten verwendet werden, um den minimierten Code im Vergleich zum ursprünglichen Code zu debuggen. Denn dann sieht der Entwickler Semikolons, die von der Toolchain in Kommas umgewandelt wurden, der Debugger hält aber nicht an ihnen an.

Chromium-Problem: 1370200

Verbesserte Einstellung der Ignorieren-Liste

Gehen Sie zu Einstellungen > Ignorierliste: In DevTools wurde das Design verbessert, damit Sie die Regeln so konfigurieren können, dass ein einzelnes Script oder ein Scriptmuster ignoriert wird.

Die Registerkarte Ignorierliste

Chromium-Problem: 1356517

Sonstige Highlights

Hier sind einige bemerkenswerte Fehlerkorrekturen in dieser Version:

  • Der Name der CSS-Property wird im Bereich Styles automatisch vervollständigt, wenn Sie die Leertaste drücken. (1343316)
  • Entfernen Sie das automatische Scrollen im Navigationspfad des Elements. (1369734)

Vorschaukanäle herunterladen

Verwenden Sie Chrome Canary, Chrome Dev oder Chrome Beta als Standardbrowser für die Entwicklung. Über diese Vorschaukanäle erhalten Sie Zugriff auf die neuesten Entwicklertools, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website erkennen, bevor Ihre Nutzer es tun.

Kontaktaufnahme mit dem Team für Chrome-Entwicklertools

Mit den folgenden Optionen kannst du die neuen Funktionen und Änderungen des Beitrags oder andere Aspekte der Entwicklertools besprechen.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools