Seit Version 11 hat Firefox ein Entwickler-Werkzeug an Bord, das auch Otto-Normal-Surfer beeindrucken dürfte: Eine 3D-Ansicht jeder Webseite.
Entwickler und Webdesigner nutzen diese Ansicht, um die Verschachtelung der verschiedenen Elemente einer Webseite besser zu erkennen.
Für alle andere Nutzer bietet die Funktion eine faszinierende Sicht auf Webseiten und einen sehr anschaulichen Einblick in den sonst doch eher kryptischen Aufbau einer Webseite. Wir zeigen, wie man sich Webseitenelemente in 3D anzeigen lassen kann.
Die 3D-Ansicht öffnen
Um die 3D-Ansicht von Firefox zu öffnen, klicken Sie mit der rechten Maustaste einfach auf ein beliebiges Element in einer Webseite. Im aufgehenden Kontextmenü wählen Sie Element untersuchen. Firefox öffnet die Entwicklerleiste am unteren Rand des Browserfensters. Hier klicken Sie auf 3D-Ansicht. (Fehlt dieser Knopf, müssen Sie WebGL aktivieren. So geht’s.)
In der 3D-Ansicht navigieren
Nun erscheinen die Elemente der Webseite wie Code und Bilder in einer 3D-Darstellung. In der 3D-Ansicht bewegen Sie sich entweder mit der Maus oder mit der Tastatur.
Verschieben
Mit gedrückter rechter Maustaste verschieben Sie die Ansicht beliebig. Alternativ nutzen Sie die Pfeiltasten der Tastatur.
Drehen
Mit gedrückter linker Maustaste kippen Sie die Ansicht und bekommen so den vollen 3D-Effekt. Dasselbe Ziel erreichen Sie mit den Tasten W (hoch), S (runter), A (links) und D (rechts).
Vergrößern und verkleinern
Mit Hilfe des Mausrads zoomen Sie in die Ansicht hinein oder heraus. Alternativ nutzen Sie die Tasten + und – der Tastatur.
Verlassen der 3D-Ansicht
Um wieder zur normalen Ansicht der Webseite zu wechseln, schließen Sie die Entwickler-Leiste mit einem Klick auf das Kreuz unten rechts in der Leiste oder über die Esc-Taste.
So aktiviert man WebGL
Sollte in Ihrer Entwickler-Leiste die Option 3D-Ansicht fehlen, ist in Ihrem Firefox höchstwahrscheinlich WebGL nicht aktiviert (Test). Diese Technologie ermöglicht die Darstellung von 3D-Grafiken direkt im Browser. Firefox unterstützt WebGL seit Version 4.0. Aktivieren Sie WebGL wie folgt:
1. Öffnen Sie ein neues Browser-Tab und geben Sie in die Adresszeile den Befehl about:config ein und bestätigen Sie die Warnmeldung.
3. Geben Sie in die Suchleiste webgl ein.
4. Setzen Sie die Zeile webgl.force-enable per Doppelklick auf den Wert true. Sie müssen gegebenenfalls den Browser neu starten, damit die Änderung wirksam wird.
via OnSoftware ES (auf Spanisch)