Neuerungen in den Entwicklertools (Chrome 97)

Jecelyn Yeen

Vorschaufunktion: Neuer Rekorder-Bereich

Im neuen Bereich Rekorder können Sie Nutzerflüsse aufzeichnen, wiedergeben und messen.

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

Beispielsweise können Sie mit dieser Demo zur Kaffeebestellung den Bezahlvorgang bei Kaffee aufzeichnen. Nachdem Sie einen Kaffee hinzugefügt und die Zahlungsdetails eingegeben haben, können Sie die Aufzeichnung beenden, den Vorgang noch einmal starten oder auf die Schaltfläche Leistung messen klicken, um den Nutzerfluss im Steuerfeld Leistung zu messen.

Eine detaillierte Anleitung finden Sie in der Dokumentation zum Bereich Rekorder.

Der Bereich Rekorder ist eine Funktion in der Vorabversion. Unser Team arbeitet noch daran und wir freuen uns auf dein Feedback für weitere Verbesserungen.

Chromium-Problem: 1257499

Geräteliste im Gerätemodus aktualisieren

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

Chromium-Problem: 1223525

Mit „Als HTML bearbeiten“ automatisch vervollständigen

Die Benutzeroberfläche Als HTML bearbeiten unterstützt jetzt die automatische Vervollständigung und Syntaxhervorhebungen. 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, aria). Die automatische Vervollständigung sollte Ihnen dabei helfen, den gesuchten Eigenschaftsnamen zu finden.

Chromium-Problem: 1215072

Verbessertes Code-Debugging

Spaltennummern sind jetzt im Ausgabefehler in der Console enthalten. Ein einfacher Zugriff auf die Spaltennummer ist für das Debugging, insbesondere bei komprimiertem JavaScript, sehr wichtig.

Chromium-Problem: 1073064

[Experimentell] Synchronisierung von Entwicklertools-Einstellungen auf verschiedenen Geräten

Deine Entwicklertools-Einstellungen werden jetzt standardmäßig auf allen Geräten synchronisiert, wenn du die Synchronisierung von Chrome-Profilen aktivierst. Du kannst die Synchronisierungseinstellungen in den Entwicklertools unter Einstellungen > Synchronisieren > Aktivieren Sie die Synchronisierung der Einstellungen.

Mit dieser neuen Einstellung können Sie noch einfacher geräteübergreifend arbeiten. Die folgenden Darstellungseinstellungen werden beispielsweise synchronisiert, damit sie auf allen Geräten einheitlich sind und nicht noch einmal neu definiert werden müssen. Weitere Informationen zur Synchronisierungsfunktion findest du im Artikel zur Anpassung der Entwicklertools.

Diese Funktion befindet sich noch in der Testphase. Das Team arbeitet noch daran. Hier kannst du uns Feedback geben.

Chromium-Problem: 1245541

Vorschaukanäle herunterladen

Sie können Canary, Dev oder Beta als Standardbrowser für die Entwicklung verwenden. Über diese Vorschaukanäle erhalten Sie Zugriff auf die neuesten Entwicklertools, können innovative Webplattform-APIs testen und Probleme auf Ihrer Website erkennen, bevor Ihre 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 > 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