Apakah Firefox masih memiliki penampil DOM 3D?

77

Sepertinya saya tidak bisa melihat fitur kecil ini yang pernah ada di Firefox.

Tombol 3D yang ada di versi sebelumnya dari alat dev telah hilang dan sepertinya saya tidak dapat menemukan jejak fitur ini di mana pun. Jika masih ada, bagaimana cara mengaktifkannya?

Sedikit Menarik
sumber
7
Bisakah Anda mempertimbangkan kembali untuk mengubah jawaban yang Anda terima? Firefox 47 mengubah ini dan itu fungsi 3D sepenuhnya dihapus sekarang
rubo77

Jawaban:

29

Dari Firefox 47 dan seterusnya, tampilan 3D internal tidak lagi tersedia.

Ada add-on yang menawarkan fungsionalitas yang sama: Tilt 3D .

Catatan: sama seperti versi bawaan, add-on tidak berfungsi di multiproses Firefox.

Tilt 3D IS Tidak kompatibel dengan Firefox Quantum.

untuk menanyakan properti
sumber
Apakah Anda yakin, itu tidak berhasil di p1010 multi-proses? lihat bagaimana-untuk-memeriksa-jika-multiproses-e10s-opsi-diaktifkan-di-Anda-firefox
rubo77
@ rubo77 Ya, saya memeriksanya di Firefox Developer Edition. Tild 3D tidak berfungsi di Multiprocess e10s.
t9toqwerty
Jadi sepertinya, multiproses harus dinonaktifkan di firefox 47 saya, karena Tild 3D berfungsi. (Saya tidak menonaktifkannya secara manual)
rubo77
sepertinya Tilt 3D tidak mendukung versi Firefox Quantum - ada saran untuk alternatif?
serup
2
@ server, Anda benar tetapi saya tidak dapat menemukan alternatif lain. Beri tahu kami jika ada.
t9toqwerty
70

Hingga Firefox versi 47: Jika Anda mengklik kanan dan memilih "Periksa Elemen" dan kemudian klik ikon roda gigi di sisi kiri menu toolbox Anda akan melihat "Tombol Toolbox Yang Tersedia" di bawahnya muncul "Tampilan 3D".

masukkan deskripsi gambar di sini

Mengklik ini akan menambahkan ikon baru ke menu kotak alat yang ketika diklik akan menampilkan tampilan 3D Dom.

masukkan deskripsi gambar di sini

Jason Aller
sumber
3
Itu tidak diaktifkan secara default di versi yang saya gunakan saat menjawab pertanyaan.
Jason Aller
24
Sepertinya sudah sepenuhnya dihapus dari edisi pengembang firefox. Sayang sekali karena benar-benar membedakannya dari Chrome.
Ray Suelzer
2
Kenapa mereka menguburnya seperti ini? Pengalaman pengguna yang membuat frustrasi.
inorganik
12
"Dari Firefox 47 dan seterusnya, tampilan 3D tidak lagi tersedia. Ada add-on yang menawarkan fungsionalitas yang sama: Tilt 3D. Namun, perhatikan bahwa seperti versi bawaan, add-on tidak berfungsi di multiproses Firefox. . " Sumber: developer.mozilla.org/en-US/docs/Tools/3D_View
nachtigall
4
Anda benar, jawaban ini sudah usang sejak FF 47, Jawaban @ThorOdinson di bawah ini harus diterima. Tilt 3D bekerja dengan sangat baik
rubo77
8

Goto: Preferensi-> Umum Hapus centang "Aktifkan multi-proses Firefox Developer Edition"

Mulai ulang Firefox

Goto: Bilah alat pengembang [Opsi Kotak Alat], kotak centang "Tampilan 3D" sekarang akan ditampilkan di bawah "Tombol Kotak Alat yang Tersedia", pastikan ini dicentang dan Anda baik-baik saja.

drewfg
sumber
Saya tidak dapat menemukan opsi itu di Firefox 47.0 Jerman saya, mungkin ini disebut sesuatu seperti electrolysisatau e10sdi about:config. Pokoknya: Saya pikir itu bukan Ide yang baik untuk menonaktifkan fitur baru dukungan multi
prosesor
4

Pembaruan : Sudah dihapus dari FF 47 dan seterusnya, tetapi tersedia dalam add-on .

Tampaknya pembaruan FF mungkin menonaktifkan ini. FF 38 telah mengubah lokasi ikon pengaturan.

Firefox 38 - kubus dan gigi di sebelah kanan:

Firefox 38

Nick Westgate
sumber
3

Saya tahu pertanyaan ini berkaitan dengan FireFox, tetapi Anda juga bisa mendapatkan fitur ini di Chrome (Firefox tidak akan membiarkan Anda memasukkan JS sebagai bookmark):

Tampilan 3D Chrome

Tambahkan kode javascript ini sebagai url bookmark:

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

Petunjuk untuk tampilan 3D

Setelah ditambahkan klik bookmark di situs web apa pun. Anda dapat mengklik untuk menampilkan garis besar dan menarik untuk melihat seperti di Firefox.

pengguna45288
sumber
2

Firefox 46.0 masih dapat diunduh di sini: https://ftp.mozilla.org/pub/firefox/releases/46.0/

Dan modul Tilt 3D di sini (dari Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

Tampilan rendering tampak lebih baik dengan Tilt 3D daripada dengan Tampilan 3D asli dari Alat Pengembang Web:

Perbandingan tangkapan layar antara Tilt 3D dan 3D View

Klemart3D
sumber
Terima kasih untuk tautannya, menyelamatkan saya seumur hidup.
mondjunge
2

Lihatlah Microsofts Edge Browser.

Saya memiliki versi Version 79.0.283.0 (Canary resmi) canary (64-bit) . Masukkan edge://flags/bilah alamat dan aktifkan percobaan Alat Pengembang . Buka alat pengembang dan tekan Control + Shift + P dan cari Eksperimen dan temukan Aktifkan tampilan DOM 3D .

Sekarang Anda dapat menggunakan Ctrl + Shift + P > DOM 3D View .

Ini bukan solusi Firefox tetapi berhasil untuk saya.

Saya mengetahuinya di sini .

ǝlpoodooɟƃuooʞ
sumber
-1

Sudah hilang setelah versi 46. Solusi untuk ini adalah untuk Google "unduh Firefox 46" Instal versi itu dan ganti nama (di Mac) untuk sesuatu seperti firefox-45 untuk menjaga versi yang diperbarui juga. Luncurkan versi 45 dan matikan pembaruan otomatis. Anda sekarang dapat mengaktifkan tampilan 3D dan melihat halaman dalam 3D dan memiringkannya.

Semoga itu berhasil untuk Anda.

Adam Ema
sumber