Est-ce que Firefox a toujours la visionneuse DOM 3D?


77

Je n'arrive pas à distinguer cette petite fonctionnalité qui existait autrefois dans Firefox.

Le bouton 3D présent dans une version antérieure des outils de développement a disparu et je n'arrive pas à trouver de trace de cette fonctionnalité. Si c'est toujours là, comment puis-je l'activer?


7
Pouvez-vous s'il vous plaît reconsidérer pour changer votre réponse acceptée? Firefox 47 a changé ceci et cette fonctionnalité 3D complètement supprimée maintenant
rubo77

Réponses:


29

À partir de Firefox 47, la vue 3D intégrée n'est plus disponible.

Il existe un module complémentaire offrant les mêmes fonctionnalités: Tilt 3D .

Remarque: tout comme la version intégrée, l'add-on ne fonctionne pas dans Firefox multiprocessus.

Tilt 3D IS n'est pas compatible avec Firefox Quantum.


Êtes-vous sûr que cela ne fonctionne pas dans les pultiprocess e10? voir comment vérifier si multiprocess-e10s-option-est-activé-dans-votre-firefox
rubo77

@ rubo77 Oui, je l'ai vérifié dans Firefox Developer Edition. Tild 3D ne fonctionne pas dans les Multiprocess e10.
T9toqwerty

Il semble donc que le multitraitement doit être désactivé dans mon firefox 47, car Tild 3D fonctionne. (Je ne l'ai pas désactivé manuellement)
rubo77

il semble que Tilt 3D ne supporte pas la version de Firefox Quantum - des suggestions pour des alternatives?
serup

2
@serup, vous avez raison mais je ne pouvais pas trouver d'autre alternative. Faites-nous savoir si vous en trouvez.
t9toqwerty

70

Jusqu’à la version 47 de Firefox: Si vous cliquez avec le bouton droit de la souris et sélectionnez "Inspecter l’élément", puis cliquez sur l’icône représentant un engrenage dans la partie gauche du menu de la boîte à outils, vous devriez voir "Boutons disponibles" dans lesquels apparaît la "Vue 3D".

entrez la description de l'image ici

En cliquant dessus, une nouvelle icône s'affichera dans le menu de la boîte à outils. Cette vue affichera la vue 3D Dom.

entrez la description de l'image ici


3
Il n'était pas activé par défaut dans la version que j'ai utilisée pour répondre à la question.
Jason Aller

24
On dirait qu'il a été complètement supprimé de l'édition pour développeurs Firefox. Quel dommage car cela le distingue vraiment de Chrome.
Ray Suelzer

2
Pourquoi l'ont-ils enterré comme ça? Expérience utilisateur frustrante.
inorganik

12
"À partir de Firefox 47, la vue 3D n'est plus disponible. Il existe un add-on qui offre la même fonctionnalité: Tilt 3D. Toutefois, notez que tout comme la version intégrée, l'add-on ne fonctionne pas en multiprocessus Firefox . " Source: developer.mozilla.org/en-US/docs/Tools/3D_View
nachtigall

4
Vous avez raison, cette réponse est obsolète puisque FF 47, la réponse de @ThorOdinson ci-dessous devrait être acceptée. Tilt 3D fonctionne assez bien
rubo77

8

Aller à: Préférences-> Général Décocher "Activer multi-processus Firefox Developer Edition"

Redémarrer Firefox

Goto: La barre d’outils du développeur [Options de la boîte à outils], la case "Vue 3D" devrait maintenant apparaître sous "Boutons de la boîte à outils disponibles", assurez-vous que cette case est cochée et que tout va bien.


Je ne trouve pas cette option dans mon Firefox allemand 47.0, elle s’appelle peut-être quelque chose comme electrolysisou e10sdans about:config. Quoi qu'il en soit: je pense que ce n'est pas une bonne idée de désactiver la nouvelle fonctionnalité de support multiprocesseur
rubo77

4

Mise à jour : il a été supprimé à partir de 47 FF, mais est disponible dans un add-on .

Il semble que les mises à jour FF pourraient le désactiver. FF 38 a modifié l'emplacement de l'icône des paramètres.

Firefox 38 - cube et cog à droite:

Firefox 38


3

Je sais que cette question concerne FireFox, mais vous pouvez également obtenir cette fonctionnalité dans Chrome (Firefox ne vous laissera pas insérer JS en tant que signet):

Vue 3D Chrome

Ajoutez ce code javascript en tant qu'URL de signet:

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

Instructions pour la vue 3D

Une fois ajouté, cliquez sur le signet sur n’importe quel site Web. Vous pouvez cliquer pour afficher les contours et faire glisser pour afficher comme dans Firefox.


C'est bon, mais ce n'est tout simplement pas la même chose
il y a


2

Jetez un coup d'œil au navigateur Microsoft Microsofts Edge.

J'ai la version Version 79.0.283.0 (version officielle) Canary (64 bits) . Placez edge://flags/la barre d'adresse et activez les expériences des outils de développement . Ouvrez les outils de développement et appuyez sur Ctrl + Maj + P , recherchez Expériences et recherchez Activer la vue DOM 3D .

Vous pouvez maintenant utiliser Ctrl + Maj + P > Vue DOM 3D .

Ce n'est pas une solution Firefox mais cela a fonctionné pour moi.

Je l'ai découvert ici .


-1

Il est parti après la version 46. Une solution à cela est de Google "Firefox 46 download" Installez cette version et renommez-la (sur Mac) en quelque chose comme firefox-45 pour conserver également la version mise à jour. Lancez la version 45 et désactivez les mises à jour automatiques. Vous pouvez maintenant activer la vue 3D et voir la page en 3D et l'incliner.

J'espère que cela fonctionne pour vous.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.