Neuerungen in den Entwicklertools (Chrome 81)

Moto G4-Unterstützung im Gerätemodus

Nach Aktivieren der Gerätesymbolleiste können Sie jetzt die Abmessungen des Darstellungsbereichs einer Moto G4 simulieren. aus der Liste Gerät aus.

Darstellung eines Moto G4-Darstellungsbereichs simulieren

Klicken Sie auf Geräterahmen anzeigen, um die Moto G4-Hardware im Darstellungsbereich zu sehen.

Darstellung der Moto G4-Hardware

Ähnliche Funktionen:

  • Öffnen Sie das Befehlsmenü und führen Sie den Befehl Capture screenshot aus, um einen Screenshot des Darstellungsbereich mit der Moto G4-Hardware (nach Aktivierung von Geräterahmen anzeigen)
  • Netzwerk und CPU drosseln, um das Surfen im Web eines mobilen Nutzers genauer zu simulieren .

Chromium-Problem 924693

Updates zu Cookies

Blockierte Cookies im Bereich „Cookies“

Im Bereich Cookies im Anwendungsbereich werden blockierte Cookies jetzt gelb hervorgehoben.

Blockierte Cookies im Bereich "Cookies" des Anwendungsbereichs

Informationen dazu, wie Sie über das Netzwerk auf eine ähnliche Benutzeroberfläche zugreifen, finden Sie unter Fehlerbehebung, warum ein Cookie blockiert wurde. .

Chromium-Problem 1030258

Cookie-Priorität im Bereich „Cookie“

Die Cookie-Tabellen in den Bereichen „Netzwerk“ und „Anwendung“ enthalten jetzt die Spalte Priorität.

Chromium-Problem 1026879

Alle Cookiewerte bearbeiten

Alle Zellen in den Cookie-Tabellen können jetzt bearbeitet werden, mit Ausnahme der Zellen in der Spalte Größe, weil die Netzwerkgröße des Cookies in Byte darstellt. Eine Erläuterung der Spalte hinzufügen.

Cookie-Wert bearbeiten

Als Node.js-Abruf kopieren, um Cookiedaten einzubeziehen

Klicken Sie mit der rechten Maustaste auf eine Netzwerkanfrage und wählen Sie Kopieren > „Kopieren“ aus. Als Node.js-Abruf kopieren, um ein fetch zu erhalten Ausdruck, der Cookie-Daten enthält.

Als Node.js-Abruf kopieren

Chromium-Problem 1029826

Genauere Symbole für das Manifest einer Web-App

Bisher wurden im Bereich „Manifest“ im Anwendungsbereich eigene Anfragen ausgeführt, um Web-App-Manifest-Symbole anzuzeigen. In den Entwicklertools wird jetzt genau das Manifestsymbol angezeigt, das auch Chrome verwendet.

Symbole im Bereich „Manifest“

Chromium-Problem 985402

Bewegen Sie den Mauszeiger auf die CSS-Eigenschaften (content), um nicht maskierte Werte zu sehen

Bewegen Sie den Mauszeiger auf den Wert einer content-Eigenschaft, um die nicht maskierte Version des Werts zu sehen.

Wenn Sie beispielsweise in dieser demo das Pseudoelement p::after überprüfen, sehen Sie ein maskiertes im Bereich „Stile“:

Der maskierte String

Wenn Sie den Mauszeiger auf den Wert content bewegen, wird der nicht maskierte Wert angezeigt:

Der nicht maskierte Wert

Detailliertere Source Map-Fehler in der Konsole

Die Konsole enthält jetzt weitere Details dazu, warum eine Source Map nicht geladen oder geparst werden konnte. Zuvor war es nur hat einen Fehler zurückgegeben, ohne zu erklären, was schiefgelaufen ist.

Fehler beim Laden der Quellzuordnung in der Console

Einstellung zum Deaktivieren des Scrollens über das Ende einer Datei hinaus

Öffnen Sie die Einstellungen und deaktivieren Sie Einstellungen. > Quellen > Scrollen über das Ende von Datei, um das Standardverhalten der Benutzeroberfläche zu deaktivieren, mit dem Sie weit über das Ende einer Datei hinaus scrollen können. im Bereich Quellen.

Hier ist ein GIF der Funktion.

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