Neuerungen in den Entwicklertools (Chrome 108)

Jecelyn Yeen

Hinweise zu inaktiven CSS-Properties

In den DevTools werden jetzt CSS-Stile erkannt, die zwar gültig sind, aber keine sichtbare Wirkung haben. Im Bereich Stile werden in den DevTools die inaktiven Eigenschaften ausgeblendet. Bewegen Sie den Mauszeiger auf das Symbol daneben, um zu erfahren, warum die Regel keine sichtbaren Auswirkungen hat.

Hinweise zu inaktiven CSS-Properties.

Chromium-Problem: 1178508

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

Der Bereich Aufzeichnung unterstützt jetzt XPath- und Text-Selectors. Wenn Sie mit der Aufzeichnung eines Nutzerflusses beginnen, wählt der Rekorder automatisch den XPath und den kürzesten eindeutigen Text eines Elements als Auswahl aus, sofern verfügbar.

XPath- und Text-Selectors im Bereich „Aufzeichnung“

Chromium-Probleme: 1327206,1327209

Durch Kommas getrennte Ausdrücke durchgehen

Sie können jetzt während der Fehlerbehebung durch kommagetrennte Ausdrücke gehen. Dadurch wird die Fehlerbehebung für minimierten Code verbessert.

Durch Kommas getrennte Ausdrücke durchgehen

Bisher wurde in den DevTools nur das Durchlaufen von semikolons getrennten Ausdrücken unterstützt.

Im 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 für die Ignorierliste

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.

Der Tab „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 die Option „Automatisch scrollen“ im Navigationspfad des Bereichs Element. (1369734)

Vorschaukanäle herunterladen

Verwenden Sie als Standard-Entwicklungsbrowser Chrome Canary, Chrome Dev oder Chrome Beta. Diese Vorabversionen bieten Ihnen Zugriff auf die neuesten DevTools-Funktionen, ermöglichen es Ihnen, innovative Webplattform-APIs zu testen, und helfen Ihnen, Probleme auf Ihrer Website zu finden, bevor Ihre Nutzer sie bemerken.

Chrome-Entwicklertools-Team kontaktieren

Mit den folgenden Optionen können Sie über neue Funktionen, Updates oder andere Themen im Zusammenhang mit den DevTools sprechen.

Neu in den DevTools

Eine Liste aller Themen, die in der Reihe Was ist neu in den DevTools? behandelt wurden.