DevTools-Übersicht

Umar Hansa
Umar Hansa

Asynchrone Aufrufstacks

Stacktraces können jetzt der asynchronen Quelle eines Ereignisses zugeordnet werden. Timer, Animationsframes, XHRs, Event-Listener und mehr werden unterstützt. Wir werden in Kürze eine vollständige Übersicht der asynchronen Aufrufstacks in HTML5 Rocks veröffentlichen. Vergessen Sie nicht, in den Tests für die Entwicklertools die Option „Unterstützung für asynchrone Stacktraces aktivieren“ zu aktivieren. [crbug.com/272416].

Asynchroner Aufrufstack.

getEventListeners(window)

Beim Ansehen des DOM einer Seite ist nicht immer offensichtlich, für welche Elemente JavaScript-Ereignis-Listener registriert sind, sofern vorhanden. Alle registrierten Ereignis-Listener für das window-Objekt (oder jeden DOM-Knoten für diese Rechtsangelegenheit) können jetzt über getEventListeners im Bereich „Konsole“ als Teil der Befehlszeile abgerufen werden. [crbug.com/336472].

Im Bereich „Quellen“ wird das Konzept der Bearbeitungspositionen eingeführt, bei denen es sich im Code-Editor im Wesentlichen um Cursorpositionen handelt. Alt- leitet Sie zu vorherigen Bearbeitungsstellen weiter, d. h. dem Code-Snippet, an dem Sie sich zuvor befanden, und dann Alt+. [crbug.com/281507].

Werte für automatische Vorschläge für Box Shadow wurden aktualisiert

Die Werte für automatische Vorschläge für die CSS-Property „box-shadow“ wurden aktualisiert, sodass sie das Keyword „none“ enthalten. [crbug.com/332355].

Kein Kastenschatten

Zu einer bestimmten Zeilennummer und einer bestimmten Spalte wechseln

Wechseln Sie bei einer bestimmten Spalte mit :line:column im Dialogfeld „Nach Dateiname suchen“ (Ctrl + O oder Cmd + O) im Bereich „Quellen“ zu einer Zeilennummer. [crbug.com/337909].

Einfachere Größenanpassung mit dem Ziehpunkt in der Symbolleiste

Jeder leere Bereich auf der Hauptsymbolleiste der Entwicklertools fungiert jetzt als gültiger Ziehpunkt zur Größenanpassung. [crbug.com/304730].

Retina-freundliche Netzwerkleisten

Die Netzwerkleisten, die ursprünglich aus Bildern gebildet wurden, wurden nun in CSS erstellt, sodass sie auflösungsunabhängig und retina-freundlicher sind. [crbug.com/330659].

Rauschen in der Konsole reduzieren

Unbekannte Argumente, die an das metaviewport-Tag übergeben werden, werden in der Konsole nicht mehr als Fehler angezeigt. Stattdessen werden Warnungen angezeigt, die weniger Störfaktoren bedeuten. [crbug.com/332794].

Farbformatierungs-Zahnrad entfernen

Das Zahnrad im Bereich „Stile“ zum Durchblättern von Farbformaten wurde entfernt. Du kannst diese Einstellung aber in den Entwicklertools-Einstellungen ändern. [crbug.com/333840].

Fixierter Konsolentab

Der Konsolentab in der Leiste merkt sich nach einer Aktualisierung jetzt korrekt seinen Status. [crbug.com/328551].

Verbesserte Erklärung bei der automatischen Anpassung der Textgröße

In den Entwicklertools wurde ein Link zur Dokumentation zur Emulation für Mobilgeräte hinzugefügt, um mehr über die Emulation und die automatische Textgröße zu erfahren. Wenn das Kästchen zur automatischen Textgrößenanpassung aktiviert ist, wird auch eine Kurzinfo angezeigt. [crbug.com/319092].

Kurzinfo zur automatischen Textgröße

Remote-IP-Adresse

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

Remote-IP-Adresse

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