Mit XyleScope für MacOS stellt Culturedcode ein schönes Tool zur Verfügung, das beim Ansurfen einer Webseite parallel zur Oberfläche das Skelett der Site offenbart, also den HTML Quelltext, Formatierungsangaben, CSS und einen DOM Inspektor.
Die Entwickler schreiben:
Analysieren Sie komplexe CSS-Designs mit spielerischer Leichtigkeit und experimentieren Sie einfach mit fremden Seiten, ohne sie erst auf den eigenen Rechner laden zu müssen. … Xylescope zeigt sofort den HTML-Quelltext einer Seite an und stellt alle zugrunde liegenden CSS-Dateien übersichtlich zur Verfügung, inklusive alternativer Medien und über Filterhacks importierte Dateien….
Sie wollen wissen, durch welche CSS-Stilregel ein spezieller Effekt erzeugt wird? Ist in der CSS-Ansicht der Kaskadenmodus eingestellt, so berechnet Xylescope zu jedem HTML-Element, das Sie auswählen, sofort die vollständige CSS-Kaskade und stellt die resultierende Liste von Stilregeln dar. Mit einem Klick können Sie sich dann für jede Regel anzeigen lassen, wo diese innerhalb Ihrer Quelldatei aufgeführt wird.
Derzeit als kostenlose Beta ausschließlich für MacOS verfügbar. Vielen Dank!
via Pixelgraphix und apfelfreun.de