Neuerungen in den Entwicklertools (Chrome 107)

Jecelyn Yeen

Tastenkombinationen in DevTools anpassen

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

Gehen Sie zu Einstellungen > Tastenkombinationen, 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 DevTools anpassen

Chromium-Probleme: 1335274, 174309

Mit Tastenkombination zwischen hellem und dunklem Design wechseln

Sie können eine Tastenkombination konfigurieren, um bequem zwischen hellem und dunklem Design zu wechseln. Standardmäßig ist die Aktion keiner Tastenkombination zugewiesen.

Mit einem Tastenkürzel zwischen hellem und dunklem Design wechseln

Chromium-Probleme: 1280398, 1226363

C/C++-Objekte im Memory Inspector hervorheben

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

Die Bytes eines Objekts im umgebenden WebAssembly-Speicher zu erkennen, war ein Problem. Sie müssen die Größe des Objekts kennen und die Bytes ab dem Beginn des Objekts zählen.

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

C/C++-Objekte im Memory Inspector hervorheben

Chromium-Problem: 1336568

Vollständige Initiatorinformationen 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 während des Imports nur teilweise Initiatorinformationen angezeigt.

Anhand der Initiatorinformationen können Entwickler den Ursprung einer Netzwerkanfrage nachvollziehen und netzwerkbezogene Probleme identifizieren.

Unterstützung vollständiger Initiatorinformationen für den HAR-Import.

Chromium-Problem: 1343185

DOM-Suche nach Drücken von Enter starten

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

Aktivieren Sie im Bereich Elemente die Suchleiste mit Strg oder Befehlstaste + F. Wenn Sie eine Anfrage in das Suchfeld eingeben, wird der DOM-Baum zum ersten übereinstimmenden Element verschoben und dieses wird standardmäßig hervorgehoben.

Für Nutzer, insbesondere 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 Suchvorschläge. Mit 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. start und end werden im Drop-down-Menü für die automatische Vervollständigung mit Symbolen angezeigt.

align-content-Flexbox-Eigenschaften.

Chromium-Problem: 1139945

Sonstige Highlights

  • Die richtige Anzahl von Nachrichten in der Seitenleiste Konsole anzeigen Bisher wurden die Zählungen nicht aktualisiert, wenn Konsolennachrichten gelöscht wurden. (1343311)

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 den DevTools behandelt wurden.