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. 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 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}

Dies führt bei der Fehlerbehebung zu Verwirrung, da sich das Schrittverhalten zwischen minifiziertem und Autorencode 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. Mit den Entwicklertools wird das Design verbessert, damit du die Regeln so konfigurieren kannst, dass ein einzelnes Script oder Muster von Scripts ignoriert werden.

Den Tab „Ignorierliste“.

Chromium-Problem: 1356517

Sonstige Highlights

Hier sind einige bemerkenswerte Fehlerkorrekturen in dieser Version:

  • Name der CSS-Eigenschaft automatisch vervollständigen im Bereich Styles, 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 Zugriff auf die neuesten DevTools-Funktionen, ermöglichen den Test moderner Webplattform-APIs 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 DevTools

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