Hat Firefox noch den 3D-DOM-Viewer?

77

Ich kann dieses kleine Feature, das es einmal in Firefox gab, anscheinend nicht erkennen.

Die 3D-Schaltfläche, die in einer früheren Version der Entwicklungswerkzeuge vorhanden war, ist nicht mehr vorhanden, und ich kann anscheinend nirgendwo eine Spur dieser Funktion finden. Wie kann ich es aktivieren, wenn es noch vorhanden ist?

Mild Interessant
quelle
7
Können Sie es sich bitte noch einmal überlegen, Ihre akzeptierte Antwort zu ändern? Firefox 47 hat diese und jene 3D-Funktionalität jetzt komplett entfernt
rubo77

Antworten:

29

Ab Firefox 47 ist die integrierte 3D-Ansicht nicht mehr verfügbar.

Es gibt ein Add-On, das die gleiche Funktionalität bietet: Tilt 3D .

Hinweis: Genau wie die integrierte Version funktioniert das Add-On in Firefox mit mehreren Prozessen nicht.

Tilt 3D ist nicht mit Firefox Quantum kompatibel.

t9toqwerty
quelle
Sind Sie sicher, dass es in pultiprocess e10s nicht funktioniert? siehe, wie zu überprüfen, ob Multiprozess-E10S-Option in Ihrem Firefox
aktiviert ist
@ rubo77 Ja, ich habe es in der Firefox Developer Edition überprüft. Tild 3D funktioniert in Multiprocess e10s nicht.
T9TOQWERTY
So scheint es, als müsste Multiprozess in meinem Firefox 47 dann deaktiviert werden, weil Tild 3D funktioniert. (Ich habe es nicht manuell deaktiviert)
rubo77
es scheint, dass Tilt 3D die Firefox Quantum-Version nicht unterstützt - irgendwelche Vorschläge zur Alternative?
Serup
2
@serup, Sie haben Recht, aber ich konnte keine andere Alternative finden. Lassen Sie uns wissen, wenn Sie welche finden.
t9toqwerty
70

Bis Firefox-Version 47: Wenn Sie mit der rechten Maustaste klicken und "Inspect Element" auswählen und dann auf das Zahnradsymbol links im Toolbox-Menü klicken, sollten Sie "Available Toolbox Buttons" (Verfügbare Toolbox-Schaltflächen) sehen, unter denen "3D View" (3D-Ansicht) angezeigt wird.

Bildbeschreibung hier eingeben

Wenn Sie auf diese Schaltfläche klicken, wird dem Toolbox-Menü ein neues Symbol hinzugefügt, das beim Klicken die 3D-Dom-Ansicht anzeigt.

Bildbeschreibung hier eingeben

Jason Aller
quelle
3
In der Version, die ich bei der Beantwortung der Frage verwendet habe, war sie standardmäßig nicht aktiviert.
Jason Aller
24
Es sieht so aus, als ob es vollständig aus der Firefox Developer Edition entfernt wurde. Was für eine Schande, da es sich wirklich von Chrome abhebt.
Ray Suelzer
2
Warum haben sie es so begraben? Frustrierende Benutzererfahrung.
inorganik
12
"Ab Firefox 47 ist die 3D-Ansicht nicht mehr verfügbar. Es gibt ein Add-On mit derselben Funktionalität: Tilt 3D. Beachten Sie jedoch, dass das Add-On wie die integrierte Version nicht in Firefox mit mehreren Prozessen funktioniert . " Quelle: developer.mozilla.org/en-US/docs/Tools/3D_View
nachtigall
4
Sie haben Recht, diese Antwort ist veraltet, da FF 47, @ThorOdinsons Antwort unten, die akzeptierte sein sollte. Tilt 3D funktioniert ganz gut
rubo77
8

Gehe zu: Einstellungen-> Allgemein Deaktivieren Sie "Firefox Developer Edition für mehrere Prozesse aktivieren".

Starten Sie Firefox neu

Gehe zu: Entwickler-Symbolleiste [Toolbox-Optionen]: Das Kontrollkästchen "3D-Ansicht" sollte jetzt unter "Verfügbare Toolbox-Schaltflächen" angezeigt werden. Vergewissern Sie sich, dass dieses Kontrollkästchen aktiviert ist und Sie sich gut fühlen.

zeichnete
quelle
Ich kann diese Option in meinem deutschen Firefox 47.0 nicht finden, vielleicht heißt sie so etwas wie electrolysisoder e10sin about:config. Wie auch immer: Ich denke, es ist keine gute Idee, die neue Funktion der Multiprozessor-Unterstützung zu deaktivieren
rubo77
4

Update : Es wurde ab FF 47 entfernt, ist aber als Add-On verfügbar .

Es scheint, dass FF-Updates dies deaktivieren könnten. FF 38 hat die Position des Einstellungssymbols geändert.

Firefox 38 - Würfel und Zahnrad rechts:

Firefox 38

Nick Westgate
quelle
3

Ich weiß, dass diese Frage in Bezug auf FireFox gestellt wird, aber Sie können diese Funktion auch in Chrome nutzen (in Firefox können Sie JS nicht als Lesezeichen einfügen):

3D-Ansicht Chrome

Fügen Sie diesen Javascript-Code als Lesezeichen hinzu:

javascript:void function(b,p)%7Bfunction l(k,c,b,e,g,d,f)%7Breturn"<div style%3D%27position:absolute%3B-webkit-transform-origin: 0 0 0%3B"%2B("background:"%2Bf%2B"%3B")%2B("width:"%2Be%2B"px%3B height:"%2Bg%2B"px%3B")%2B("-webkit-transform:"%2B("translate3d("%2Bk%2B"px,"%2Bc%2B"px,"%2Bb%2B"px)")%2B("rotateX(270deg) rotateY("%2Bd%2B"deg)")%2B"%3B")%2B"%27></div>"%7Dfunction o(k,c,d,f)%7Bfor(var j%3Dk.childNodes,n%3Dj.length,m%3D0%3Bm<n%3Bm%2B%2B)%7Bvar a%3Dj%5Bm%5D%3Bif(1%3D%3D%3Da.nodeType)%7Ba.style.overflow%3D"visible"%3Ba.style.WebkitTransformStyle%3D"preserve-3d"%3Ba.style.WebkitTransform%3D"translateZ("%2B(b%2B(n-m)*q).toFixed(3)%2B"px)"%3Bvar h%3Dd,i%3Df%3Ba.offsetParent%3D%3D%3Dk%26%26(h%2B%3Dk.offsetLeft,i%2B%3Dk.offsetTop)%3Bo(a,c%2B1,h,i)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop,(c%2B1)*b,a.offsetWidth,b,0,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft%2Ba.offsetWidth,i%2Ba.offsetTop,(c%2B1)*b,a.offsetHeight,b,270,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop%2Ba.offsetHeight,(c%2B1)*b,a.offsetWidth,b,0,g%5Bc%25(g.length-1)%5D)%3Be%2B%3Dl(h%2Ba.offsetLeft,i%2Ba.offsetTop,(c%2B1)*b,a.offsetHeight,b,270,g%5Bc%25(g.length-1)%5D)%7D%7D%7Dvar g%3D"%23C33,%23ea4c88,%23663399,%230066cc,%23669900,%23ffcc33,%23ff9900,%23996633".split(","),q%3D0.001,e%3D"",d%3Ddocument.body%3Bd.style.overflow%3D"visible"%3Bd.style.WebkitTransformStyle%3D"preserve-3d"%3Bd.style.WebkitPerspective%3Dp%3Bvar r%3D(window.innerWidth/2).toFixed(2),s%3D(window.innerHeight/2).toFixed(2)%3Bd.style.WebkitPerspectiveOrigin%3Dd.style.WebkitTransformOrigin%3Dr%2B"px "%2Bs%2B"px"%3Bo(d,0,0,0)%3Bvar f%3Ddocument.createElement("DIV")%3Bf.style.display%3D"none"%3Bf.style.position%3D"absolute"%3Bf.style.top%3D0%3Bf.innerHTML%3De%3Bd.appendChild(f)%3Bvar j%3D"NO_FACES"%3Bdocument.addEventListener("mousemove",function(b)%7Bif("DISABLED"!%3D%3Dj)%7Bvar c%3Db.screenX/screen.width,b%3D(360*(1-b.screenY/screen.height)-180).toFixed(2),c%3D(360*c-180).toFixed(2)%3Bd.style.WebkitTransform%3D"rotateX("%2Bb%2B"deg) rotateY("%2Bc%2B"deg)"%7D%7D,!0)%3Bdocument.addEventListener("mouseup",function()%7Bswitch(j)%7Bcase "NO_FACES":j%3D"FACES"%3Bf.style.display%3D""%3Bbreak%3Bcase "FACES":j%3D"NO_FACES",f.style.display%3D"none"%7D%7D,!0)%7D(25,5E3)%3B

Anleitung zur 3D-Ansicht

Einmal hinzugefügt, klicken Sie auf das Lesezeichen auf einer beliebigen Website. Sie können klicken, um Konturen anzuzeigen, und ziehen, um sie wie in Firefox anzuzeigen.

user45288
quelle
2

Firefox 46.0 kann weiterhin hier heruntergeladen werden: https://ftp.mozilla.org/pub/firefox/releases/46.0/

Und Tilt 3D- Modul hier (von Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

Die Renderansicht scheint mit Tilt 3D besser zu sein als mit der nativen 3D-Ansicht von Web Developer Tools:

Screenshot-Vergleich zwischen Tilt 3D und 3D View

Klemart3D
quelle
Vielen Dank für die Links, hat mir ein Leben gerettet.
Mondjunge
2

Schauen Sie sich den Microsoft Edge Browser an.

Ich habe die Version 79.0.283.0 (offizielles Build) von Canary (64-Bit) . Fügen Sie edge://flags/die Adressleiste ein und aktivieren Sie die Developer Tools-Experimente . Öffnen Sie die Entwicklertools, drücken Sie Strg + Umschalt + P, suchen Sie nach Experimenten und suchen Sie nach " DOM-3D-Ansicht aktivieren" .

Jetzt können Sie Strg + Umschalt + P > DOM 3D-Ansicht verwenden .

Es ist keine Firefox-Lösung, aber es hat bei mir funktioniert.

Ich habe es hier erfahren .

ǝlpoodooɟƃuooʞ
quelle
-1

Es ist nach Version 46 weg. Eine Lösung für dieses Problem besteht darin, "Firefox 46 download" von Google zu installieren und diese Version (auf Mac) in "Firefox-45" umzubenennen, um auch die aktualisierte Version beizubehalten. Starten Sie Version 45 und deaktivieren Sie die automatischen Updates. Sie können jetzt die 3D-Ansicht aktivieren und die Seite in 3D anzeigen und neigen.

Hoffe das funktioniert bei dir.

Adam Ema
quelle