Neuerungen in den Entwicklertools (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

Verbesserter @property-Bereich unter „Elemente“ > Stile

Bearbeitbare @property-Regel

Sie können jetzt die CSS-At-Regel @property im entsprechenden Abschnitt unter Elemente bearbeiten. Bereich Stile:

Der Parameter davor und danach, wodurch die Eigenschaftsregel bearbeitbar gemacht wird.

Chromium-Problem: 1471123.

Probleme mit ungültigen @property-Regeln werden gemeldet

Auf dem Tab Probleme werden jetzt Probleme mit ungültigen Deklarationen in @property-Regeln angezeigt.

Ein Problem mit der Property-Regel, das auf dem Tab „Probleme“ gemeldet wurde.

Chromium-Problem: 1473283.

Liste der zu emulierenden Geräte aktualisiert

Die User-Agent-Strings unter Einstellungen. Einstellungen > Geräte wurden aktualisiert, um die durchschnittliche Nutzung von Browsern und Betriebssystemen widerzuspiegeln. Im Gerätemodus können Sie jetzt mehr Ihrer aktuellen Geräte emulieren.

Der Vorher und nach dem Aktualisieren der Geräteliste.

Chromium-Problem: 1479733.

Quelltextformatierung in Form von Inline-JSON in Script-Tags unter „Quellen“

Der Bereich Quellen unterstützt jetzt das optimierte Inline-JSON in <script>-HTML-Tags, um die Fehlerbehebung zu vereinfachen.

Das Vorher- und Nachher-Inline-JSON im Skript-Tag zur Optimierung des Druckens.

Chromium-Probleme: 406900, 1473875.

Private Felder in der Console automatisch vervollständigen

Felder für den privaten Kurs können jetzt automatisch vervollständigt werden, wenn sie außerhalb des Klassenbereichs in der Console ausgewertet werden.

Die Vorher- und Nachher-Unterstützung der automatischen Vervollständigung für das Feld für den privaten Kurs außerhalb des Klassenbereichs.

Chromium-Probleme: 1483848, 1381806.

Lighthouse 11.1.0

Im Bereich Lighthouse wird jetzt Lighthouse 11.1.0 ausgeführt. Eine vollständige Liste der Änderungen finden Sie hier.

Grundlegende Informationen zur Verwendung des Bereichs Lighthouse in den Entwicklertools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.

Chromium-Probleme: 772558.

Verbesserte Bedienungshilfen

Screenreader lesen jetzt Folgendes vor:

  • Warnungen und Fehler in der Console
  • Der Text im Dialogfeld Do you trust this code? wird angezeigt, wenn Sie Code in die Console oder Sources einfügen.

Außerdem wurden im Steuerfeld Anwendung Kontrastprobleme mit Links im Modus mit hohem Kontrast behoben.

Chromium-Probleme: 1485257, 1486643, 1485263.

Einstellung von Web SQL

Über die Anwendung > Der Abschnitt Web SQL wird in Chrome 123 entfernt, da die Web SQL Database API nicht mehr gewartet wird. Mit dieser Version wird dem Abschnitt zur bevorstehenden Entfernung eine Warnung hinzugefügt.

Warnung zur Einstellung von Web SQL.

Weitere Informationen finden Sie unter Web SQL einstellen und entfernen.

Chromium-Probleme: 1485966.

Validierung des Seitenverhältnisses für Screenshots unter „Anwendung“ > Manifest

Über die Anwendung > Im Abschnitt Manifest wird jetzt geprüft, ob die Screenshots Ihrer Webanwendung mit demselben Formfaktor (wide oder narrow) das gleiche Seitenverhältnis haben.

Eine Warnung zum falschen Seitenverhältnis von Screenshots mit demselben Formfaktor.

Weitere Informationen findest du unter Fehler bei progressiven Web-Apps beheben und Web-App-Manifest hinzufügen.

Das Entwicklertools-Team bedankt sich bei Alexey Rodionov für die Einführung dieser Änderung und anderer Verbesserungen bei Manifest-Warnungen in der vorherigen Version.

Chromium-Problem: 1476656.

Verschiedene Highlights

Im Folgenden sind einige bemerkenswerte Fehlerbehebungen und Verbesserungen in dieser Version aufgeführt:

  • Elemente: <ph type="x-smartling-placeholder">
      </ph>
    • Muster für Animationszeitfunktionen werden für Longhand-CSS-Eigenschaften unter den maximierbaren Kurzschreibweisen (1149182) nicht angezeigt.
    • Die automatische Vervollständigung für contain-intrinsic-* enthält jetzt nicht mehr den falschen einzelnen auto-Wert, weil er auto <length> (1480415) sein sollte.
    • Eingestellte und ungültige -webkit-*-Properties werden nicht mehr unterstützt (1086089, 1030765).
  • Haltepunkte: Der Fehler, bei dem das Dialogfeld zum Bearbeiten der Haltepunkte verschwand, wenn der Haltepunkttyp geändert wurde, wurde behoben (1485782).
  • Leistung: <ph type="x-smartling-placeholder">
      </ph>
    • Der Fehler beim Parsen der Farbe während der Leistungsaufzeichnung wurde behoben (1480205).
    • Der Fehler, bei dem LCP im Track Timings (1487136) nicht angezeigt wurde, wurde behoben.
  • Netzwerk: In der Spalte Cookies festlegen wird jetzt die korrekte Anzahl der gesetzten Cookies angezeigt, mit Ausnahme blockierter Cookies (1486903).
  • Die Entwicklertools-Erweiterungen werden jetzt nach der Navigation zu einem nicht blockierten Host (1476264) geladen.
  • Der Fehler mit falschem Kontext für die Skriptausführung in Erweiterungen (1275331) wurde behoben.

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhältst du Zugriff auf die neuesten Entwicklertools, kannst hochmoderne Webplattform-APIs testen und Probleme auf deiner Website erkennen, bevor deine 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