Neuerungen in den Entwicklertools (Chrome 97)

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 freuen uns auf dein Feedback, damit wir die Funktion verbessern können.

Rekorder-Bereich

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.

Geräteliste im Gerätemodus aktualisieren

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 Steuerfeld 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.

Mit „Als HTML bearbeiten“ automatisch vervollständigen

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.

Spaltennummer im Ausgabefehler

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.

Synchronisierungseinstellungen in den Entwicklertools

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.

Darstellungseinstellungen

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 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