Firefox vẫn có trình xem DOM 3D?


77

Tôi dường như không thể tìm ra tính năng nhỏ này đã từng có trong Firefox.

Nút 3D có trong phiên bản trước đó của các công cụ dev đã biến mất và tôi dường như không thể tìm thấy bất kỳ dấu vết nào của tính năng này ở bất cứ đâu. Nếu nó vẫn ở đó, làm thế nào để tôi kích hoạt nó?


7
Bạn có thể vui lòng xem xét lại để thay đổi câu trả lời được chấp nhận của bạn? Firefox 47 đã thay đổi điều này và chức năng 3D đã bị xóa hoàn toàn ngay bây giờ
rubo77

Câu trả lời:


29

Từ Firefox 47 trở đi, chế độ xem 3D tích hợp không còn khả dụng.

Có một tiện ích bổ sung cung cấp chức năng tương tự: Nghiêng 3D .

Lưu ý: giống như phiên bản tích hợp, tiện ích bổ sung không hoạt động trong Firefox đa xử lý.

Nghiêng 3D IS Không tương thích với Firefox Quantum.


Bạn có chắc chắn, nó không hoạt động trong pultiprocess e10s? xem cách kiểm tra-nếu-đa-xử lý-e10s-tùy chọn-được-kích hoạt-trong-bạn-firefox
rubo77

@ rubo77 Có, tôi đã kiểm tra nó trong Firefox Developer Edition. Tild 3D không hoạt động trong Multiprocess e10s.
t9toqwerty

Vì vậy, có vẻ như đa xử lý phải bị vô hiệu hóa trong firefox 47 của tôi, khiến Tild 3D hoạt động. (Tôi đã không vô hiệu hóa thủ công)
rubo77

có vẻ như Tilt 3D không hỗ trợ phiên bản Firefox Quantum - có đề xuất nào để thay thế không?
serup

2
@serup, Bạn đúng nhưng tôi không thể tìm thấy bất kỳ sự thay thế nào khác. Hãy cho chúng tôi biết nếu bạn tìm thấy bất kỳ.
t9toqwerty

70

Cho đến khi Firefox phiên bản 47: Nếu bạn nhấp chuột phải và chọn "Kiểm tra phần tử" và sau đó nhấp vào biểu tượng bánh răng ở phía bên trái của menu hộp công cụ, bạn sẽ thấy "Nút hộp công cụ khả dụng" bên dưới xuất hiện "Chế độ xem 3D".

nhập mô tả hình ảnh ở đây

Nhấp vào đây sẽ thêm một biểu tượng mới vào menu hộp công cụ mà khi nhấp vào sẽ hiển thị chế độ xem 3D Dom.

nhập mô tả hình ảnh ở đây


3
Nó không được bật theo mặc định trong phiên bản mà tôi đã sử dụng khi trả lời câu hỏi.
Jason Aller

24
Có vẻ như nó đã bị xóa hoàn toàn khỏi phiên bản dành cho nhà phát triển firefox. Thật là xấu hổ khi nó thực sự làm cho nó khác biệt với Chrome.
Ray Suelzer

2
Tại sao họ lại chôn nó như thế này? Trải nghiệm người dùng khó chịu.
inorganik

12
"Từ Firefox 47 trở đi, chế độ xem 3D không còn khả dụng. Có một tiện ích bổ sung cung cấp cùng chức năng: Nghiêng 3D. Tuy nhiên, lưu ý rằng giống như phiên bản tích hợp, tiện ích bổ sung không hoạt động trong Firefox đa xử lý . " Nguồn: developer.mozilla.org/en-US/docs/Tools/3D_View
nachtigall

4
Bạn đã đúng, câu trả lời này đã lỗi thời vì FF 47, Câu trả lời của @ThorOdinson dưới đây sẽ được chấp nhận. Tilt 3D hoạt động khá tốt
rubo77

8

Goto: Tùy chọn-> Bỏ chọn chung "Kích hoạt phiên bản Firefox Developer đa quy trình"

Khởi động lại Firefox

Goto: Thanh công cụ dành cho nhà phát triển [Tùy chọn hộp công cụ], hộp kiểm "Chế độ xem 3D" hiện sẽ hiển thị bên dưới "Nút hộp công cụ khả dụng", đảm bảo rằng điều này đã được kiểm tra và bạn vẫn ổn.


Tôi không thể tìm thấy tùy chọn đó trong Firefox 47.0 tiếng Đức của mình, có thể nó được gọi là một cái gì đó giống electrolysishoặc e10strong about:config. Dù sao: Tôi nghĩ rằng đó không phải là một ý tưởng tốt để vô hiệu hóa tính năng mới của hỗ trợ đa bộ xử lý
rubo77

4

Cập nhật : Nó đã bị xóa từ FF 47 trở đi, nhưng có sẵn trong một tiện ích bổ sung .

Có vẻ như các bản cập nhật FF có thể vô hiệu hóa điều này. FF 38 đã thay đổi vị trí biểu tượng cài đặt.

Firefox 38 - khối lập phương và răng cưa bên phải:

Firefox 38


3

Tôi biết câu hỏi này liên quan đến FireFox, nhưng bạn cũng có thể có tính năng này trong Chrome (Firefox sẽ không cho phép bạn chèn JS làm dấu trang):

Chrome xem 3D

Thêm mã javascript này dưới dạng url đánh dấu:

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

Hướng dẫn xem 3D

Sau khi thêm vào nhấp vào dấu trang trên bất kỳ trang web. Bạn có thể nhấp để hiển thị đường viền và kéo để xem như trong Firefox.


2

Firefox 46.0 vẫn có thể được tải xuống tại đây: https://ftp.mozilla.org/pub/firefox/release/46.0/

Và mô-đun Tilt 3D tại đây (từ Firefox 46.0): https://addons.mozilla.org/en-US/firefox/addon/tilt/

Chế độ xem kết xuất có vẻ tốt hơn với Tilt 3D so với Chế độ xem 3D gốc từ Công cụ dành cho nhà phát triển web:

So sánh ảnh chụp màn hình giữa Tilt 3D và 3D View


thx cho các liên kết, tiết kiệm cho tôi một số đời.
mondjunge

2

Có một cái nhìn về Trình duyệt Edge của microsofts.

Tôi có phiên bản 79.0.283.0 (Bản dựng chính thức) canary (64-bit) . Đặt edge://flags/vào thanh địa chỉ và bật thử nghiệm Công cụ dành cho nhà phát triển . Mở các công cụ dành cho nhà phát triển và nhấn Control + Shift + P và tìm kiếm Thử nghiệm và tìm Bật chế độ xem DOM 3D .

Bây giờ bạn có thể sử dụng Ctrl + Shift + P > DOM 3D View .

Nó không phải là một giải pháp Firefox nhưng nó hiệu quả với tôi.

Tôi tìm hiểu về nó ở đây .


-1

Nó đã ra mắt sau phiên bản 46. Một giải pháp cho vấn đề này là Google "Tải xuống Firefox 46" Cài đặt phiên bản đó và đổi tên nó (trên Mac) thành một cái gì đó như firefox-45 để giữ phiên bản cập nhật. Khởi chạy phiên bản 45 và tắt cập nhật tự động. Bây giờ bạn có thể bật chế độ xem 3D và xem trang ở chế độ 3D và nghiêng nó.

Hy vọng rằng sẽ làm việc cho bạn.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.