Hierarchische Navigation
Mit Hilfe einer Spaltenansicht kann innerhalb von HTML-Elementen navigiert werden

Rechts oben im Hauptfenster befindet sich eine Spaltenansicht, die das aktuell geladene HTML-Dokument in einer hierarchischen Ansicht zeigt. Hierbei werden der Übersichtlichkeit halber zunächst nur Block-Level-Elemente angezeigt. Da id- und class-Attribute von großer Bedeutung für den CSS-Designer sind, werden diese farblich gekennzeichnet eingeblendet.
Über die Spaltenansicht können einzelne Elemente durch Anklicken ausgewählt werden. Alle anderen Ansichten im Hauptfenster von Xylescope werden durch diese Elementauswahl dann ebenfalls beeinflusst.
Wie die verschiedenen Ansichten von Xylescope zusammenwirken, erfahren Sie in den nächsten Themen.