Neuerungen in den Entwicklertools (Chrome 97)

Jecelyn Yeen

Funktion in der Vorabversion: Neues Rekorder-Panel

Mit dem neuen Rekorder-Bereich können Sie Nutzerabläufe aufzeichnen, wiedergeben und analysieren.

Öffnen Sie den Bereich Rekorder. Folge der Anleitung auf dem Bildschirm, um eine neue Aufnahme zu starten.

Mit dieser Demoanwendung für die Kaffeebestellung können Sie beispielsweise den Bezahlvorgang für Kaffee aufzeichnen. Nachdem Sie einen Kaffee hinzugefügt und die Zahlungsdetails eingegeben haben, können Sie die Aufzeichnung beenden, den Vorgang noch einmal wiedergeben oder auf die Schaltfläche Leistung messen klicken, um den User Flow im Bereich Leistung zu analysieren.

Weitere Informationen finden Sie in der Dokumentation zum Recorder.

Das Recorder-Panel ist eine Vorschaufunktion. Unser Team arbeitet fortlaufend an dieser Funktion und wir würden uns sehr über Ihr Feedback freuen.

Bereich „Rekorder“

Chromium-Problem: 1257499

Geräteliste im Gerätemodus aktualisieren

Wenn Sie die Geräte-Symbolleiste aktivieren, werden jetzt modernere Geräte in der Geräteliste hinzugefügt. Wählen Sie ein Gerät aus, um seine Abmessungen zu simulieren.

Geräteliste im Gerätemodus aktualisieren

Chromium-Problem: 1223525

Automatische Vervollständigung mit „Als HTML bearbeiten“

Die Benutzeroberfläche Als HTML bearbeiten unterstützt jetzt die automatische Vervollständigung und die Syntaxhervorhebung. Klicken Sie im Bereich Elemente mit der rechten Maustaste auf ein Element und wählen Sie Als HTML bearbeiten aus. Geben Sie eine DOM-Eigenschaft ein (z. B. id oder aria). Die automatische Vervollständigung sollte Ihnen helfen, den gewünschten Eigenschaftsnamen zu finden.

Automatische Vervollständigung mit „Als HTML bearbeiten“

Chromium-Problem: 1215072

Verbesserte Code-Debugging-Funktionen

Spaltennummern sind jetzt im Ausgabefehler in der Konsole enthalten. Der einfache Zugriff auf die Spaltennummer ist für die Fehlerbehebung unerlässlich, insbesondere bei minimiertem JavaScript.

Spaltennummer im Ausgabefehler

Chromium-Problem: 1073064

[Experimentell] DevTools-Einstellungen geräteübergreifend synchronisieren

Ihre DevTools-Einstellungen werden jetzt standardmäßig geräteübergreifend synchronisiert, wenn Sie die Chrome-Profilsynchronisierung aktivieren. Sie können die Synchronisierungseinstellungen für die DevTools über Einstellungen > Synchronisierung > Einstellungen synchronisieren ändern.

Synchronisierungseinstellungen für die Entwicklertools

Mit dieser neuen Einstellung können Sie einfacher geräteübergreifend arbeiten. Die folgenden Darstellungseinstellungen werden beispielsweise synchronisiert, damit Sie auf allen Geräten eine einheitliche Darstellung haben und die Einstellungen nicht noch einmal festlegen müssen. Weitere Informationen zur Synchronisierungsfunktion

Darstellungseinstellungen

Diese Funktion befindet sich derzeit in der Testphase. Das Team arbeitet noch aktiv daran. Wenn Sie Feedback haben, teilen Sie es uns bitte hier mit.

Chromium-Problem: 1245541

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.