Neue Funktionen für Webkits Web Inspector

Timeline, Audits und dedizierte Konsole

Der Web Inspector des Webkit-Projekts wartet in der aktuellen Entwicklerversion mit zahlreichen Neuerungen auf. Mit dabei sind drei neue Panels: Timeline, Audits und Dedicated Console. Bestehende Funktionen wurden erweitert.

Artikel veröffentlicht am ,
Neue Funktionen für Webkits Web Inspector

Die neuen Funktionen des Web Insepctor finden sich sowohl in den aktuellen Nightly Builds von Webkit als auch in den Entwicklerversionen von Googles Chrome.

Timeline-Panel zeigt, was der Browser wann macht

Inhalt:
  1. Neue Funktionen für Webkits Web Inspector
  2. Web Inspector zeigt künftig auch HTTP-Redirects

Das neue Timeline-Panel zeigt detailliert an, wann ein Browser was macht, angefangen beim Parsen von HTML, über das Berechnen von Styles bis hin zum Zeichnen auf den Bildschirm. Die für einen Entwickler interessanten Abschnitte kann er sich vergrößert anzeigen lassen, um herauszufinden, wie er seine Applikation im Detail optimieren kann. Es wird auch angezeigt, welche Aktionen durch ein Ereignis ausgelöst werden und wie viel Zeit auf die einzelnen Verarbeitungsschritte entfällt.

  • Audits im Web Inspector
  • Audits im Web Inspector
  • Dedizierte Konsole
  • Kontextmenü mit DOM-Aktionen
  • CSS-Schnipsel mit Zeilennummern
  • CSS-Zeilennummern
  • Elementeigenschaften per Mouseover
  • Elementeigenschaften per Mouseover
  • Aufgerufene Styles
  • Behandlung großer DOM-Bäume
  • Umgang mit umfangreichen Ressourcen
  • Pseide-Elemente
  • Informationen zu HTTP-Redirects
  • Informationen zu HTTP-Redirects
  • Timeline-Übersicht
  • Timeline-Panel
  • Timeline-Details
Timeline-Panel

Eine Übersicht zeigt aggregiert Informationen zu den drei aufgezeichneten Kategorien: Loading, Scripting und Rendering. Jede davon kann mit Filtern versehen werden. Zum besseren Überblick können zudem kurze Einträge, also solche für Aktionen, die weniger als 15 ms dauern, ausgeblendet werden.

Audits-Panel für Plausibilitätsprüfungen

Das Audits-Panel führt einige Plausibilitätsprüfungen für eine Seite durch. Ausgehend vom Audit Launcher Panel werden die durchzuführenden Prüfungen ausgewählt. Anschließend lädt der Inspector die Seite gegebenenfalls neu und analysiert sie. So sollen sich nicht benutzte Ressourcen aufspüren, das Caching optimieren und die Zahl der pro Domain zu ladenden Ressourcen optimieren lassen. Künftig sollen Entwickler eigene Prüfungen ergänzen können, beispielsweise in den Bereichen Browsing, Sicherheit und statische Codeanalyse.

Die Konsole bekommt ein eigenes, dediziertes Panel, was ihr vor allem mehr Platz verschaffen soll.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed
Web Inspector zeigt künftig auch HTTP-Redirects 
  1. 1
  2. 2
  3.  


Aktuell auf der Startseite von Golem.de
Entlassungen bei Disney
Kein Prime-Abo für Disney+ und kein Metaverse mehr geplant

Intern wurden bei Disney gleich zwei Projekte eingestellt. Das führt zu Entlassungen von etwa 50 Personen.

Entlassungen bei Disney: Kein Prime-Abo für Disney+ und kein Metaverse mehr geplant
Artikel
  1. 470 bis 694 MHz: Umwidmung der DVB-T2-Frequenz für Militär brächte Funkchaos
    470 bis 694 MHz
    Umwidmung der DVB-T2-Frequenz für Militär brächte Funkchaos

    Wenn nur ein Teil der DVB-T2-Frequenzen an Blaulichtorganisationen und das Militär ginge, hätte das weitreichende Folgen auch für den Mobilfunk.

  2. Python für Data Engineering und Data Science
     
    Python für Data Engineering und Data Science

    Python ist die populärste Sprache im Bereich Data Science und Data Engineering. Die Golem Karrierewelt bietet Kurse, die den Einstieg erleichtern.
    Sponsored Post von Golem Karrierewelt

  3. Glasfasernetze: Warum Open Access viel zu selten gemacht wird
    Glasfasernetze
    Warum Open Access viel zu selten gemacht wird

    Die Telekom betont den Willen zu Kooperationen im Festnetz durch Open Access. Laut alternativen Betreibern ist das nicht ehrlich. Doch so einfach ist es nicht.
    Ein Bericht von Achim Sawall

Du willst dich mit Golem.de beruflich verändern oder weiterbilden?
Zum Stellenmarkt
Zur Akademie
Zum Coaching
  • Schnäppchen, Rabatte und Top-Angebote
    Die besten Deals des Tages
    • Daily Deals • Große Amazon Rabatt-Aktion • MindStar: 6 Grafikkarten günstiger • Fernseher Samsung & Co. bis -43% • Monitore bis -50% • Bosch Prof. bis -59% • Windows Week • Logitech bis -49% • Radeon 7900 XTX 24 GB günstig wie nie • Alexa-Sale bei Amazon • 3 Spiele kaufen, 2 zahlen [Werbung]
    •  /