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 Textauswahlen im Rekorder-Bereich 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 Bereich „Rekorder“

Chromium-Probleme: 1327206,1327209

Durch Kommas getrennte Ausdrücke ausführen

Sie können jetzt beim Debugging durch Kommas getrennte Ausdrücke ausführen. Dies verbessert die Debug-Fähigkeit von minimiertem Code.

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}

Dies führt bei der Fehlerbehebung zu Verwirrung, da sich das Schrittverhalten zwischen minifiziertem und Autorencode unterscheidet. Noch verwirrender ist es, wenn Sie Quellcodezuordnungen zum Debuggen des reduzierten Codes im Hinblick auf den Originalcode verwenden, da der Entwickler sich dann die Semikolons ansieht (die im Hintergrund von der Toolchain in Kommas umgewandelt wurden), aber der Debugger nicht aufhört.

Chromium-Problem: 1370200

Verbesserte Einstellung der Ignorieren-Liste

Gehen Sie zu Einstellungen > Ignorieren-Liste: Mit den Entwicklertools wird das Design verbessert, damit du die Regeln so konfigurieren kannst, dass ein einzelnes Script oder Muster von Scripts ignoriert werden.

Die Registerkarte Ignorierliste

Chromium-Problem: 1356517

Verschiedene Highlights

Im Folgenden sind einige wichtige Fehlerkorrekturen in dieser Version aufgeführt:

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

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Ü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.

  • Senden Sie uns über crbug.com einen Vorschlag oder Feedback.
  • Problem mit den Entwicklertools über Weitere Optionen melden Mehr > Hilfe > Hier kannst du Probleme mit den Entwicklertools in den Entwicklertools melden.
  • Twittern Sie unter @ChromeDevTools.
  • Hinterlasse Kommentare in den YouTube-Videos mit den Neuerungen in den Entwicklertools oder in YouTube-Videos mit Tipps zu den Entwicklertools.

Neu in den Entwicklertools

Eine Liste mit allen Themen der Reihe Neuerungen bei den Entwicklertools