Werbung

Artikel

Webseiten in 3D anzeigen mit Firefox

Mareike Erlmann

Mareike Erlmann

  • Aktualisiert:

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.

3D-Ansicht in Firefox

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.)

3D-Ansicht öffnen

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.

WebGL aktivieren

via OnSoftware ES (auf Spanisch)

Mareike Erlmann

Mareike Erlmann

Das Neueste von Mareike Erlmann

Editorialrichtlinien