5 Reaktionen

Firefox 11 kann Webseiten in 3D visualisieren

Geschätzte Lesedauer:

Mozilla spendiert Firefox in Version 11 ein neues und absolut innovatives Entwicklerwerkzeug, welches die Visualisierung der Struktur von Webseiten in 3D ermöglicht. Für Webentwickler ist das ein sehr interessantes Feature, da es eine vollkommen neue Sichtweise auf das Document Object Model (kurz: DOM) bietet, die es so bislang noch in keinem anderen Browser gibt. Und für alle anderen ist es zumindest eine lustige Spielerei. 😉

Entwickelt wurde dieses Feature unter dem Namen Tilt und für alle, welche nicht auf Firefox 11 warten wollen, gibt es das auch als Erweiterung. Die in Firefox integrierte Lösung baut praktisch auf dieser auf, harmoniert zusätzlich aber wunderbar mit den bereits vorhandenen Entwicklerwerkzeugen und kommt optisch deutlich weniger überladen daher.

Tilt

Tilt bildet den Seitenbaum einer Webseite mit Hilfe von WebGL in 3D statt wie aus vergleichbaren Tools bekannt als 2D-Diagramm ab. Dabei werden alle Elemente als Box dargestellt, deren Farbe vom Typ des Elements (div, h1, p, table, …) abhängt. Die Höhe der Boxen hängt vom übergeordneten Element ab, die Basis und damit quasi den „Boden“ bildet das body-Element. Dabei kann die Webseite wahlweise über Maus oder Tastatur beliebig gedreht und gezoomt werden, so dass praktisch alle Stellen sichtbar werden. Durch die enge Verzahnung mit den anderen Werkzeugen erhält man schnell den dazugehörigen HTML-Quellcode samt CSS-Attribute.

Diese Art der Darstellung erleichtert den Überblick über die Seitenstruktur ungemein und könnte sich in Zukunft zu einem unverzichtbaren Tool für Webentwickler entwickeln. Fehler in der Seitenstruktur sowie Elemente außerhalb der Seitenstruktur können sich so viel schneller finden lassen.

Gestartet kann die 3D-Visualisierung entweder über das Menü Webentwickler > Untersuchen oder über die Tastenkombination Strg + Shift + I werden.

Wie gut sich Tilt in die anderen Entwicklerwerkzeuge einfügt, demonstriert das folgende Video, welches am besten im Vollbildmodus anzuschauen ist:

Unabhängige Berichterstattung unterstützen.

Unterstütze wirklich unabhängige und Fakten-basierte Berichterstattung zu Mozilla, welche nicht das Ziel hat, Schlagzeilen zu produzieren, sondern objektiv zu informieren.

Dieser Artikel wurde von Sören Hentzschel verfasst.

Sören Hentzschel ist Webentwickler aus Salzburg. Auf soeren-hentzschel.at informiert er umfassend über Neuigkeiten zu Mozilla. Außerdem ist er Betreiber von camp-firefox.de, der ersten Anlaufstelle im deutschsprachigen Raum für Firefox-Probleme aller Art. Weitere Projekte sind firefox.agenedia.com, firefoxosdevices.org sowie sozone.de.

Und jetzt du! Deine Meinung?

Erforderliche Felder sind mit einem Asterisk (*) gekennzeichnet. Die E-Mail-Adresse wird nicht veröffentlicht.
  1. Nach Absenden des Kommentar-Formulars erfolgt eine Verarbeitung der von Ihnen eingegebenen personenbezogenen Daten durch den datenschutzrechtlich Verantwortlichen zum Zweck der Bearbeitung Ihrer Anfrage auf Grundlage Ihrer durch das Absenden des Formulars erteilten Einwilligung.
    Weitere Informationen