{"id":21464,"date":"2012-08-29T09:00:57","date_gmt":"2012-08-29T08:00:57","guid":{"rendered":"http:\/\/onsoftware.softonic.de\/?p=21464"},"modified":"2024-03-10T11:50:41","modified_gmt":"2024-03-10T10:50:41","slug":"webseiten-in-3d-anzeigen-mit-firefox","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/de\/webseiten-in-3d-anzeigen-mit-firefox\/","title":{"rendered":"Webseiten in 3D anzeigen mit Firefox"},"content":{"rendered":"<p><strong>Seit Version 11 hat <a href=\"http:\/\/firefox.softonic.de\/\" target=\"_self\" rel=\"noopener noreferrer\">Firefox<\/a> ein Entwickler-Werkzeug an Bord, das auch Otto-Normal-Surfer beeindrucken d\u00fcrfte: Eine 3D-Ansicht jeder Webseite.<\/strong><\/p>\n<div style=\"width: 320px;float: right;padding: 0pt 0pt 10px;margin: 0pt 0pt 0pt 15px;background-color: #e3f0e3;border: 1px solid #bed1e4;text-align: left\">\n<div style=\"background-color: #bed1e4;padding: 2px 15px 2px 15px\"><strong>Mehr Firefox-Tipps<\/strong><\/div>\n<ul>\n<li><a href=\"http:\/\/onsoftware.softonic.de\/firefox-13-schnellauswahl-anpassen-oder-deaktivieren\">Schnellauswahl anpassen oder deaktivieren<\/a><\/li>\n<li><a href=\"http:\/\/onsoftware.softonic.de\/mozilla-firefox-so-andert-man-gespeicherte-webseiten-passworter\">Gespeicherte Passw\u00f6rter in Firefox \u00e4ndern<\/a><\/li>\n<li><a href=\"http:\/\/onsoftware.softonic.de\/suchmaschinen-in-firefox-hinzufugen-und-verwalten\">Suchmaschinen  hinzuf\u00fcgen und verwalten<\/a><\/li>\n<\/ul>\n<\/div>\n<p>Entwickler und Webdesigner nutzen diese Ansicht, um die Verschachtelung der verschiedenen Elemente einer Webseite besser zu erkennen.<\/p>\n<p>F\u00fcr 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.<\/p>\n<p><a href=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_02.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21467\" title=\"3D-Ansicht in Firefox\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_02.jpg\" alt=\"3D-Ansicht in Firefox\" width=\"600\" height=\"460\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_02.jpg 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_02-300x230.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><br \/>\n<!--more--><\/p>\n<h2>Die 3D-Ansicht \u00f6ffnen<\/h2>\n<p>Um die 3D-Ansicht von Firefox zu \u00f6ffnen, klicken Sie mit der rechten Maustaste einfach auf ein beliebiges Element in einer Webseite. Im aufgehenden Kontextmen\u00fc w\u00e4hlen Sie <em>Element untersuchen<\/em>. Firefox \u00f6ffnet die Entwicklerleiste am unteren Rand des Browserfensters. Hier klicken Sie auf <em>3D-Ansicht<\/em>. (Fehlt dieser Knopf, m\u00fcssen Sie WebGL aktivieren. <a href=\"#webgl\">So geht&#8217;s.<\/a>)<\/p>\n<p><a href=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_01.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21468\" title=\"3D-Ansicht \u00f6ffnen\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_01.png\" alt=\"3D-Ansicht \u00f6ffnen\" width=\"452\" height=\"137\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_01.png 452w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_01-300x90.png 300w\" sizes=\"auto, (max-width: 452px) 100vw, 452px\" \/><\/a><\/p>\n<h2>In der 3D-Ansicht navigieren<\/h2>\n<p>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.<\/p>\n<p><strong>Verschieben<\/strong><\/p>\n<p>Mit gedr\u00fcckter rechter Maustaste verschieben Sie die Ansicht beliebig. Alternativ nutzen Sie die Pfeiltasten der Tastatur.<\/p>\n<p><strong>Drehen<\/strong><\/p>\n<p>Mit gedr\u00fcckter linker Maustaste kippen Sie die Ansicht und bekommen so den vollen 3D-Effekt. Dasselbe Ziel erreichen Sie mit den Tasten <em>W<\/em> (hoch), <em>S<\/em> (runter), <em>A<\/em> (links) und <em>D<\/em> (rechts).<\/p>\n<p><strong>Vergr\u00f6\u00dfern und verkleinern<\/strong><\/p>\n<p>Mit Hilfe des Mausrads zoomen Sie in die Ansicht hinein oder heraus. Alternativ nutzen Sie die Tasten + und &#8211; der Tastatur.<\/p>\n<h2>Verlassen der 3D-Ansicht<\/h2>\n<p>Um wieder zur normalen Ansicht der Webseite zu wechseln, schlie\u00dfen Sie die Entwickler-Leiste mit einem Klick auf das Kreuz unten rechts in der Leiste oder \u00fcber die <em>Esc<\/em>-Taste.<\/p>\n<h2><a name=\"webgl\">So aktiviert man WebGL<\/a><\/h2>\n<p>Sollte in Ihrer Entwickler-Leiste die <em>Option 3D-Ansicht<\/em> fehlen, ist in Ihrem Firefox h\u00f6chstwahrscheinlich <a href=\"http:\/\/de.wikipedia.org\/wiki\/WebGL\" target=\"_blank\" rel=\"noopener noreferrer\">WebGL<\/a> nicht aktiviert (<a href=\"http:\/\/get.webgl.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Test<\/a>). Diese Technologie erm\u00f6glicht die Darstellung von 3D-Grafiken direkt im Browser. Firefox unterst\u00fctzt WebGL seit Version 4.0. Aktivieren Sie WebGL wie folgt:<\/p>\n<p>1. \u00d6ffnen Sie ein neues Browser-Tab und geben Sie in die Adresszeile den Befehl <em>about:config<\/em> ein und best\u00e4tigen Sie die Warnmeldung.<\/p>\n<p>3. Geben Sie in die Suchleiste <em>webgl<\/em> ein.<\/p>\n<p>4. Setzen Sie die Zeile <em>webgl.force-enable<\/em> per Doppelklick auf den Wert <em>true<\/em>. Sie m\u00fcssen gegebenenfalls den Browser neu starten, damit die \u00c4nderung wirksam wird.<\/p>\n<p><a href=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-21470\" title=\"WebGL aktivieren\" src=\"https:\/\/articles-img.sftcdn.net\/sft\/articles\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_001.png\" alt=\"WebGL aktivieren\" width=\"600\" height=\"350\" srcset=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_001.png 600w, https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/8\/2012\/08\/29Aug_001-300x175.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p>via <a href=\"http:\/\/onsoftware.softonic.com\/vista-codigo-3d-firefox\" target=\"_blank\" rel=\"noopener noreferrer\">OnSoftware ES<\/a> (auf Spanisch)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seit Version 11 hat Firefox ein Entwickler-Werkzeug an Bord, das auch Otto-Normal-Surfer beeindrucken d\u00fcrfte: Eine 3D-Ansicht jeder Webseite. Mehr Firefox-Tipps Schnellauswahl anpassen oder deaktivieren Gespeicherte Passw\u00f6rter in Firefox \u00e4ndern Suchmaschinen hinzuf\u00fcgen und verwalten Entwickler und Webdesigner nutzen diese Ansicht, um die Verschachtelung der verschiedenen Elemente einer Webseite besser zu erkennen. F\u00fcr alle andere Nutzer bietet &hellip; <a href=\"https:\/\/cms-articles.softonic.io\/de\/webseiten-in-3d-anzeigen-mit-firefox\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Webseiten in 3D anzeigen mit Firefox&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7021,"featured_media":21467,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":1},"categories":[3383],"tags":[],"usertag":[],"vertical":[],"content-category":[],"class_list":["post-21464","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/posts\/21464","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/users\/7021"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/comments?post=21464"}],"version-history":[{"count":0,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/posts\/21464\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/media\/21467"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/media?parent=21464"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/categories?post=21464"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/tags?post=21464"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/usertag?post=21464"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/vertical?post=21464"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/de\/wp-json\/wp\/v2\/content-category?post=21464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}