Neuerungen in den Entwicklertools (Chrome 107)

Tastenkombinationen in den Entwicklertools anpassen

Du kannst jetzt Tastenkombinationen für deine bevorzugten Befehle in den Entwicklertools anpassen.

Gehen Sie zu Einstellungen > Tastenkürzel: Bewegen Sie den Mauszeiger auf einen Befehl und klicken Sie auf die Schaltfläche Bearbeiten (das Stiftsymbol), um die Tastenkombination anzupassen. Du kannst auch Akkorde erstellen, sogenannte Tastenkürzel mit mehreren Tasten.

Du kannst Tastenkombinationen in den Entwicklertools anpassen.

Chromium-Probleme: 1335274, 174309

Mit der Tastenkombination helles und dunkles Design aktivieren oder deaktivieren

Sie können eine Tastenkombination konfigurieren, um helle und dunkle Designs bequem umzuschalten. Standardmäßig ist die Aktion keiner Tastenkombination zugeordnet.

Über die Tastenkombination kannst du zwischen hellen und dunklen Designs wechseln.

Chromium-Probleme: 1280398, 1226363

C/C++ Objekte im Memory Inspector hervorheben

Der Memory Inspector hebt alle Byte eines C/C++-Speicherobjekts hervor.

Die Erkennung der Byte eines Objekts im umgebenden WebAssembly-Speicher war ein Problem. Sie müssen die Größe des Objekts kennen und die Anzahl der Bytes ab dem Start des Objekts berücksichtigen.

Diese Funktion hilft dir, sie vom umgebenden Gedächtnis zu unterscheiden. Weitere Informationen zu den Änderungen finden Sie unter Erweitern des Arbeitsspeicherprüftools für das C/C++-Debugging.

Heben Sie C/C++ Objekte im Memory Inspector hervor.

Chromium-Problem: 1336568

Vollständige Initiatorinformationen für den HAR-Import unterstützen

Für den HAR-Import stehen jetzt vollständige Initiator-Informationen zur Verfügung. Bisher wurden im Bereich Netzwerk während des Imports nur unvollständige Initiatorinformationen angezeigt.

Mithilfe der Initiatorinformationen können Entwickler den Ursprung einer Netzwerkanfrage verfolgen und netzwerkbezogene Probleme identifizieren.

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

Chromium-Problem: 1343185

DOM-Suche nach Drücken von Enter starten

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

Aktivieren Sie im Steuerfeld Elemente die Suchleiste mit Strg oder Befehlstaste + F. Während Sie eine Suchanfrage in das Suchfeld eingeben, springt die DOM-Struktur zum ersten übereinstimmenden Element und hebt es standardmäßig hervor.

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

DOM-Suche.

Gehen Sie zu Einstellungen > Einstellungen: Deaktivieren Sie die Option Suche während der Eingabe. Nach dieser Änderung beginnt die Suche erst, wenn Sie die Eingabetaste drücken.

Einstellung „Suche während der Eingabe“.

Chromium-Problem: 1344526

Symbole start und end für align-content CSS-Flexbox-Eigenschaften 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.

die Flexbox-Eigenschaften des Typs "align-content".

Chromium-Problem: 1139945

Verschiedene Highlights

  • Die korrekte Anzahl von Nachrichten wird in der Seitenleiste Console angezeigt. Bisher wurde die Anzahl beim Löschen von Konsolennachrichten nicht aktualisiert. (1343311)

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