Parece que no puedo distinguir esta pequeña característica que una vez estuvo allí en Firefox.

El botón 3D que estaba allí en una versión anterior de las herramientas de desarrollo desapareció y parece que no puedo encontrar ningún rastro de esta función en ningún lado. Si todavía está allí, ¿cómo lo habilito?

Desde Firefox 47 en adelante, la vista 3D integrada ya no está disponible.

Hay un complemento que ofrece la misma funcionalidad: Tilt 3D .

Nota: al igual que la versión integrada, el complemento no funciona en Firefox multiproceso.

Tilt 3D IS No es compatible con Firefox Quantum.

Hasta la versión 47 de Firefox: si hace clic con el botón derecho y selecciona "Inspeccionar elemento" y luego hace clic en el ícono de ajustes en el lado izquierdo del menú de la caja de herramientas, debería ver "Botones de caja de herramientas disponibles" debajo del cual aparece "Vista 3D".

Al hacer clic en este, se agregará un nuevo icono al menú de la caja de herramientas que, al hacer clic, mostrará la vista 3D Dom.

Ir a: Preferencias-> General Desmarque "Activar multiproceso Firefox Developer Edition"

Reiniciar Firefox

Ir a: Barra de herramientas del desarrollador [Opciones de la caja de herramientas], la casilla de verificación "Vista 3D" ahora debería aparecer debajo de "Botones de la caja de herramientas disponibles", asegúrese de que esté marcada y que esté bien.

Actualización : se ha eliminado de FF 47 en adelante, pero está disponible en un complemento .

Parece que las actualizaciones de FF podrían deshabilitar esto. FF 38 ha cambiado la ubicación del icono de configuración.

Firefox 38: cubo y cremallera a la derecha:

Sé que esta pregunta se refiere a FireFox, pero también puede obtener esta función en Chrome (Firefox no le permitirá insertar JS como marcador):

Agregue este código javascript como URL de marcador:

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

Una vez agregado, haga clic en el marcador en cualquier sitio web. Puede hacer clic para mostrar contornos y arrastrar para ver como en Firefox.

Firefox 46.0 aún se puede descargar aquí: https://ftp.mozilla.org/pub/firefox/releases/46.0/

Y el módulo Tilt 3D aquí (de Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

La vista de renderizado parece mejor con Tilt 3D que con la Vista 3D nativa de las Herramientas de desarrollo web:

Comparación de captura de pantalla entre Tilt 3D y 3D View

Echa un vistazo al navegador Microsofts Edge.

Tengo la versión de la versión 79.0.283.0 (construcción oficial) canario (64 bits) . Ponga edge://flags/en la barra de direcciones y habilite los experimentos de Developer Tools . Abra las herramientas de desarrollador y presione Control + Shift + P y busque Experimentos y encuentre Habilitar la vista DOM 3D .

Ahora puede usar Ctrl + Shift + P > DOM 3D View .

No es una solución de Firefox, pero funcionó para mí.

Lo descubrí aquí .

Desapareció después de la versión 46. Una solución a esto es Google "Descarga de Firefox 46" Instale esa versión y cámbiele el nombre (en Mac) a algo como firefox-45 para mantener también la versión actualizada. Inicie la versión 45 y desactive las actualizaciones automáticas. Ahora puede habilitar la vista 3D y ver la página en 3D e inclinarla.

Espero que eso te funcione.