Neu in den Entwicklertools in Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Mehr Statistiken mit Gemini debuggen

Unter Leistung > Statistiken können Sie jetzt auf Mit KI debuggen (zuvor KI fragen) klicken, um mit Gemini im Bereich KI-Unterstützung zu chatten und Fehler zu beheben. Sie erhalten dann weitere Leistungsstatistiken:

  • Bildübermittlung verbessern
  • Veraltetes JavaScript
  • Dupliziertes JavaScript
  • Modernes HTTP

Vor und nach dem Hinzufügen der Schaltfläche „Mit KI debuggen“ zu weiteren Leistungsstatistiken.

„Save-Data“-Header in „Netzwerkbedingungen“ emulieren

Im Bereich Netzwerkbedingungen können Sie jetzt das Verhalten des Save-Data-Anfrageheaders emulieren. Dieser Header ist ein Netzwerk-Client-Hinweis, der die Präferenz des Clients für eine reduzierte Datennutzung angibt. Sie ist auch über die navigator.connection.saveData API verfügbar.

Die Situation vor und nach dem Hinzufügen der Emulation des Anfrageheaders „Save-Data“ zu „Netzwerkbedingungen“.

Chromium-Problem: 40668980.

Baseline-Status in einer CSS-Eigenschaftskurzinfo ansehen

Wenn Sie in Elemente > Stile den Mauszeiger auf eine beliebige CSS-Eigenschaft bewegen, sehen Sie jetzt unter der Definition der Eigenschaft die Verfügbarkeit in den wichtigsten Browsern entsprechend dem Baseline-Status.

Die Tooltips für CSS-Eigenschaften vor und nach dem Hinzufügen des Baseline-Status.

Chromium-Problem: 417749762.

Formfaktoren in User-Agent-Client-Hints überschreiben

Im Drop-down-Menü Netzwerkbedingungen > User-Agent-Client-Hints haben Sie jetzt Optionen zum Überschreiben von Formfaktoren, insbesondere der Werte des Sec-CH-UA-Form-Factors-Anfrageheaders.

Die User-Agent-Client-Hints vor und nach dem Hinzufügen der Optionen zum Überschreiben des Formfaktors.

Chromium-Problem: 422218341.

Lighthouse 12.8.0

Im Bereich Lighthouse wird jetzt Lighthouse 12.8.0 ausgeführt.

In dieser Version wird in Lighthouse ein neuer Bericht hinzugefügt: „DOM-basiertes XSS-Angriffe mit vertrauenswürdigen Typen reduzieren“.

Vollständige Liste der Änderungen

Die Grundlagen zur Verwendung des Lighthouse-Bereichs in den Entwicklertools finden Sie unter Lighthouse: Websitegeschwindigkeit optimieren.

Chromium-Problem: 40543651.

Sonstige Highlights

Im Folgenden finden Sie einige der vielen wichtigen Fehlerbehebungen und Verbesserungen in dieser Version:

  • KI-Unterstützung:
    • Der Chatverlauf wird jetzt gelöscht, wenn Sie die entsprechende KI-Funktion in den Einstellungen deaktivieren.
    • Barrierefreiheit: Screenreader geben jetzt Kontexttitel frühzeitig aus, „Antwort wird geladen“, wenn die Antwort gestreamt wird, und „Antwort fertig“, wenn die Antwort vollständig ist.
  • Elemente:
    • Auf dem Tab Stile können jetzt die CSS-Funktionen sibling-index(), sibling-count() und env() ausgewertet werden (crbug.com/417128001, crbug.com/40196710).
    • Unterstützung für das ::view-transition-group-children-Pseudoelement hinzugefügt (crbug.com/425901164).
    • Unterstützung für Barrierefreiheitsprobleme bei interaktiven Inhalten im <summary>-Element hinzugefügt (crbug.com/427172874).
    • Auf dem Tab Berechnet können Sie jetzt in Stile zu Langform-Eigenschaften navigieren (crbug.com/41486012).
    • Easing- und Farbeditor: Sie können jetzt mit Bézier-Mustern für Animationsübergänge und Farbmustern über die Tastatur interagieren (crbug.com/401213421).
  • Netzwerk: Beim Import von HAR-Dateien werden jetzt auch Anforderungs- und Antwort-Cookies berücksichtigt (crbug.com/432995868).
  • Gerätemodus: Die User-Agents für Apple-Geräte wurden auf die neueste Version von Safari 18.5 aktualisiert.

Vorschaukanäle herunterladen

Verwenden Sie Chrome Canary, Dev oder Beta als Standardbrowser für die Entwicklung. Über diese Preview-Channels haben Sie Zugriff auf die neuesten DevTools-Funktionen, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website finden, bevor Ihre Nutzer sie entdecken.

Chrome-Entwicklertools-Team kontaktieren

Verwenden Sie die folgenden Optionen, um über die neuen Funktionen, Updates oder alles andere im Zusammenhang mit den Entwicklertools zu sprechen.

Neu in den Entwicklertools

Eine Liste aller Themen, die in der Reihe Neu in DevTools behandelt wurden.