DevTools-Übersicht

Umar Hansa
Umar Hansa

Asynchrone Aufrufstacks

Stack-Traces können jetzt der asynchronen Quelle eines Ereignisses zugeordnet werden. Unter anderem werden Timer, Animationsframes, XHRs und Ereignis-Listener unterstützt. Wir werden demnächst eine vollständige Beschreibung von asynchronen Aufrufstapeln auf HTML5 Rocks veröffentlichen. Denken Sie daran, in DevTools-Tests die Option „Unterstützung für asynchrone Stack-Traces aktivieren“ zu aktivieren. [crbug.com/272416]

Asynchroner Aufrufstack

getEventListeners(window)

Wenn Sie sich das DOM einer Seite ansehen, ist nicht immer klar, für welche Elemente JavaScript-Ereignis-Listener registriert sind. Alle registrierten Ereignislistener für das window-Objekt (oder einen beliebigen DOM-Knoten) können jetzt über getEventListeners im Konsolenbereich als Teil der Befehlszeilen-API abgerufen werden. [crbug.com/336472]

Im Bereich „Quellen“ wird das Konzept der Bearbeitungspositionen eingeführt, die im Wesentlichen Cursorpositionen im Code-Editor sind. Mit Alt- kehren Sie zu vorherigen Bearbeitungspositionen zurück (zum Code, bei dem Sie zuvor waren), und mit Alt+ gehen Sie vorwärts. [crbug.com/281507]

Die automatischen Vorschläge für Schatten werden aktualisiert

Die automatischen Vorschläge für die CSS-Eigenschaft box-shadow wurden um das Keyword none ergänzt. [crbug.com/332355]

Box-shadow none

Zu einer bestimmten Zeilennummer und einer bestimmten Spalte springen

Mit der Taste :line:column im Dialogfeld „Nach Dateinamen suchen“ (Ctrl + O oder Cmd + O) im Bereich „Quellen“ können Sie zu einer Zeilennummer in einer bestimmten Spalte springen. [crbug.com/337909]

Größer und kleiner skalieren mit dem Symbolleisten-Ziehpunkt

Jeder leere Bereich in der Hauptsymbolleiste der DevTools dient jetzt als gültiger Schieberegler zum Ändern der Größe. [crbug.com/304730]

Retina-freundliche Netzwerkleisten

Die ursprünglich aus Bildern bestehenden Balken wurden jetzt in CSS erstellt, wodurch sie unabhängig von der Auflösung und retina-freundlich sind. [crbug.com/330659]

Geräusche in der Konsole reduzieren

Unbekannte Argumente, die an das meta viewport-Tag übergeben werden, werden in der Konsole nicht mehr als Fehler angezeigt, sondern als Warnungen. So müssen Sie weniger irrelevante Informationen durchgehen. [crbug.com/332794]

Zahnrad für die Farbformatierung entfernen

Das Zahnrad im Bereich „Stile“, mit dem Sie zwischen Farbformaten wechseln konnten, wurde entfernt. Sie können diese Einstellung jedoch weiterhin in den DevTools-Einstellungen ändern. [crbug.com/333840]

Angepinnter Console-Tab

Der Tab „Konsole“ im Ausklappmenü speichert seinen Status nach einem Neuladen jetzt korrekt. [crbug.com/328551]

Verbesserte Erklärung zur automatischen Textgröße

In DevTools wurde ein Link zur Dokumentation zur mobilen Emulation hinzugefügt, der weitere Informationen zur Emulation und zum automatischen Text-Sizing enthält. Außerdem wird für das Kästchen für die automatische Textgröße eine Kurzinfo angezeigt. [crbug.com/319092]

Kurzinfo zur automatischen Textgrößenänderung

Remote-IP-Adresse

Sie können sich die IP-Adresse eines Hosts jetzt in der Ressourcenansicht des Netzwerkbereichs ansehen. [crbug.com/255602]

Remote-IP-Adresse

Vielen Dank fürs Lesen. Sie können diese Funktionen in Canary ausprobieren. Viele der Funktionen, die in der Ausgabe vom Dezember erwähnt wurden, sind jetzt auch in der stabilen Chrome-Version verfügbar.