Non riesco a distinguere questa piccola funzionalità che era una volta lì in Firefox.

Il pulsante 3D che era presente in una versione precedente degli strumenti di sviluppo è sparito e non riesco a trovare alcuna traccia di questa funzionalità da nessuna parte. Se è ancora lì, come posso abilitarlo?

Da Firefox 47 in poi, la vista 3D integrata non è più disponibile.

C'è un componente aggiuntivo che offre la stessa funzionalità: Tilt 3D .

Nota: proprio come la versione integrata, il componente aggiuntivo non funziona in Firefox multiprocesso.

Tilt 3D IS Non è compatibile con Firefox Quantum.

Fino alla versione 47 di Firefox: se fai clic con il pulsante destro del mouse e seleziona "Ispeziona elemento", quindi fai clic sull'icona a forma di ingranaggio sul lato sinistro del menu della casella degli strumenti, dovresti vedere "Pulsanti disponibili per la casella degli strumenti" sotto i quali appare "Vista 3D".

Facendo clic su questo si aggiungerà una nuova icona nel menu della casella degli strumenti che, quando si fa clic, mostrerà la vista Dom 3D.

Vai a: Preferenze-> Generale Deseleziona "Abilita Firefox Developer Edition multi-processo"

Riavvia Firefox

Vai a: Barra degli strumenti dello sviluppatore [Opzioni casella degli strumenti], la casella di controllo "Vista 3D" ora dovrebbe essere visualizzata sotto "Pulsanti della casella degli strumenti disponibili", assicurati che sia selezionata e sei a posto.

Aggiornamento : è stato rimosso da FF 47 in poi, ma è disponibile in un componente aggiuntivo .

Sembra che gli aggiornamenti FF potrebbero disabilitarlo. FF 38 ha modificato la posizione dell'icona delle impostazioni.

Firefox 38 - cubo e ingranaggio a destra:

So che questa domanda riguarda FireFox, ma puoi ottenere questa funzione anche in Chrome (Firefox non ti consente di inserire JS come segnalibro):

Aggiungi questo codice javascript come URL segnalibro:

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 volta aggiunto, fai clic sul segnalibro su qualsiasi sito Web. Puoi fare clic per mostrare i contorni e trascinarli per visualizzarli come in Firefox.

Firefox 46.0 può ancora essere scaricato qui: https://ftp.mozilla.org/pub/firefox/releases/46.0/

E modulo Tilt 3D qui (da Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

La visualizzazione del rendering sembra migliore con Tilt 3D che con la vista 3D nativa dagli Strumenti per gli sviluppatori Web:

Confronto di schermate tra Tilt 3D e 3D View

Dai un'occhiata al browser Edge di Microsofts.

Ho la versione Versione 79.0.283.0 (build ufficiale) canary (64-bit) . Inserisci edge://flags/la barra degli indirizzi e abilita gli esperimenti con gli strumenti per sviluppatori . Apri gli strumenti per sviluppatori e premi Ctrl + Maiusc + P e cerca Esperimenti e trova Abilita vista DOM 3D .

Ora puoi usare Ctrl + Maiusc + P > Vista DOM 3D .

Non è una soluzione Firefox ma ha funzionato per me.

L'ho scoperto qui .

È andato dopo la versione 46. Una soluzione a questo è Google "Firefox 46 download" Installa quella versione e rinominala (su Mac) in qualcosa come firefox-45 per mantenere anche la versione aggiornata. Avvia la versione 45 e disattiva gli aggiornamenti automatici. Ora puoi abilitare la vista 3D e vedere la pagina in 3D e inclinarla.

Spero che funzioni per te