Firefox'ta bir zamanlar var olan bu küçük özelliği çözemiyorum.

Geliştirme araçlarının daha önceki bir sürümünde bulunan 3B düğmesi gitti ve hiçbir yerde bu özelliğin izini bulamıyorum. Hala oradaysa, nasıl etkinleştiririm?

Firefox 47'den itibaren yerleşik 3D görünüm artık mevcut değil.

Aynı işlevi sunan bir eklenti var: 3D yatırın .

Not: Tıpkı yerleşik sürümde olduğu gibi, eklenti çok işlemeli Firefox'ta çalışmaz.

Eğim 3D IS Firefox Quantum ile uyumlu değil.

Firefox sürüm 47'ye kadar: Sağ tıklayıp "Elemanı İncele" yi seçip araç kutusu menüsünün sol tarafındaki dişli simgesini tıklarsanız, altında "3B Görünüm" yazan "Kullanılabilir Araç Kutusu Düğmeleri" ni görmelisiniz.

Bunu tıkladığınızda, araç kutusu menüsüne tıklandığında 3D Dom görünümünü gösterecek yeni bir simge eklenir.

Git: Tercihler-> Genel Seçimi Kaldır "Çoklu işlem Firefox Developer Edition"

Firefox'u yeniden başlatın

Git: Geliştirici araç çubuğu [Araç Kutusu Seçenekleri], "3B Görünümü" onay kutusunun şimdi "Kullanılabilir Araç Kutusu Düğmeleri" altında gösterilmesi gerekir, bunun kontrol edildiğinden ve iyi olduğunuzdan emin olun.

Güncelleme : FF 47’den başlayarak kaldırıldı, ancak bir eklentide kullanılabilir .

FF güncellemeleri bunu etkisiz hale getirebilir gibi görünüyor. FF 38, ayarları simge konumunu değiştirdi.

Firefox 38 - sağdaki küp ve dişli:

Bu sorunun FireFox ile ilgili olduğunu biliyorum, ancak bu özelliği Chrome'da da alabilirsiniz (Firefox JS'yi yer imi olarak eklemenize izin vermez):

Bu javascript kodunu yer imi URL'si olarak ekleyin:

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

Eklendikten sonra herhangi bir web sitesinde yer imini tıklayın. Ana hatları göstermek için tıklayabilir ve Firefox'taki gibi görüntülemek için sürükleyebilirsiniz.

Firefox 46.0 hala buradan indirilebilir: https://ftp.mozilla.org/pub/firefox/releases/46.0/

Ve 3D modülü buraya yatırın (Firefox’tan 46,0’dan): https://addons.mozilla.org/en-US/firefox/addon/tilt/

Render görünümü, Tilt 3D'de , Web Geliştirici Araçları'ndan yerel 3D Görünüm'den daha iyi görünüyor :

Tilt 3D ve 3D View arasında ekran görüntüsü karşılaştırması

Microsofts Edge Browser'a bir göz atın.

Sürüm 79.0.283.0 (Resmi yapı) kanarya (64-bit) sürümüne sahibim . Put edge://flags/adres çubuğuna ve etkinleştirmek Geliştirici Araçları deneylerini . Geliştirici araçlarını açın ve Control + Shift + P tuşlarına basın ve Denemeler'i arayın ve DOM 3D görünümünü etkinleştir'i bulun .

Şimdi Ctrl + ÜstKrkt + P > DOM 3D Görünümü'nü kullanabilirsiniz .

Firefox çözümü değil ama benim için çalıştı.

Bunu burada öğrendim .

Sürüm 46'dan sonra geçildi. Bunun bir çözümü Google'a gitmek "Firefox 46 indirme" Bu sürümü yükleyin ve güncellenmiş sürümü de saklamak için (Mac'te) firefox-45 gibi bir şeye yeniden adlandırın. Sürüm 45'i başlatın ve otomatik güncellemeleri kapatın. Artık 3B görünümünü etkinleştirebilir ve sayfayı 3B olarak görebilir ve eğebilirsiniz.

Umarım bu sizin için işe yarar.