Neuerungen in den Entwicklertools (Chrome 107)

Jecelyn Yeen

Tastenkombinationen in DevTools anpassen

Sie können jetzt Tastenkombinationen für Ihre bevorzugten Befehle in den DevTools anpassen.

Gehen Sie zu Einstellungen > Tastenkürzel, bewegen Sie den Mauszeiger auf einen Befehl und klicken Sie auf die Schaltfläche Bearbeiten (Stiftsymbol), um die Tastenkombination anzupassen. Sie können auch Akkorde (Tastenkombinationen) erstellen.

Tastenkombinationen in den DevTools anpassen

Chromium-Probleme: 1335274, 174309

Helles und dunkles Design mit Tastenkombination wechseln

Konfigurieren Sie eine Tastenkombination, um ganz einfach zwischen hellem und dunklem Design zu wechseln. Standardmäßig ist die Aktion keiner Tastenkombination zugeordnet.

Mit einer Tastenkombination zwischen hellem und dunklem Design wechseln.

Chromium-Probleme: 1280398, 1226363

C/C++-Objekte im Memory Inspector hervorheben

Im Arbeitsspeicher-Prüftool werden alle Bytes eines C/C++-Speicherobjekts hervorgehoben.

Es war schwierig, die Bytes eines Objekts im umgebenden WebAssembly-Speicher zu erkennen. Sie müssen die Größe des Objekts kennen und die Anzahl der Bytes vom Anfang des Objekts zählen.

Mit dieser Funktion können Sie sie leichter von der Umgebung unterscheiden. Weitere Informationen zu den Änderungen finden Sie unter Memory Inspector für C/C++-Debugging erweitern.

C/C++-Objekte im Arbeitsspeicher-Prüftool hervorheben

Chromium-Problem: 1336568

Vollständige Informationen zum Initiator für den HAR-Import unterstützen

Vollständige Initiator-Informationen sind jetzt für den HAR-Import verfügbar. Bisher wurden im Bereich Netzwerk beim Import nur teilweise Informationen zum Initiator angezeigt.

Anhand der Informationen zum Initiator können Entwickler den Ursprung einer Netzwerkanfrage ermitteln und netzwerkbezogene Probleme identifizieren.

Vollständige Initiatorinformationen für den HAR-Import werden unterstützt.

Chromium-Problem: 1343185

DOM-Suche nach Drücken der Taste Enter starten

Sie können die Einstellung Suche während der Eingabe jetzt deaktivieren, damit die DOM-Suche immer nach dem Drücken der Eingabetaste gestartet wird.

Im Bereich Elemente können Sie die Suchleiste mit Strg oder Befehlstaste + F ein- und ausblenden. Wenn Sie eine Suchanfrage in das Suchfeld eingeben, springt der DOM-Baum zum ersten übereinstimmenden Element und hebt es standardmäßig hervor.

Für Nutzer, insbesondere für Tester, die immer mit langen Suchanfragen arbeiten, ist dieses Verhalten nicht ideal. Der DOM-Baum springt möglicherweise mehrmals, wenn Sie eine lange Suchanfrage eingeben (z.B. //div[@id="example"]). Dieses Verhalten führt zu unnötigen Bewegungen.

DOM-Suche.

Gehen Sie zu Einstellungen > Einstellungen und deaktivieren Sie Bei Eingabe suchen. Nach dieser Änderung wird die Suche erst gestartet, wenn Sie die Eingabetaste drücken.

Einstellung „Suche während der Eingabe“

Chromium-Problem: 1344526

start- und end-Symbole für align-content-CSS-Flexbox-Properties anzeigen

Bearbeiten Sie im Bereich Stile die align-content-Eigenschaften in einer CSS-Klasse mit display: flex oder display: inline-flex. Die start und end werden im Drop-down-Menü für die automatische Vervollständigung mit Symbolen angezeigt.

Flexbox-Eigenschaften „align-content“

Chromium-Problem: 1139945

Sonstige Highlights

  • Die korrekte Anzahl der Nachrichten wird in der Seitenleiste der Konsole angezeigt. Bisher wurden die Zählungen nicht aktualisiert, wenn Console-Nachrichten gelöscht wurden. (1343311)

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.