我似乎无法弄清Firefox中曾经有的这个小功能。

开发工具的早期版本中的3D按钮消失了，我似乎在任何地方都找不到此功能的任何痕迹。如果仍然存在，如何启用它？

从Firefox 47开始，内置3D视图不再可用。

有一个提供相同功能的附加组件：Tilt 3D。

注意：就像内置版本一样，该插件在多进程Firefox中不起作用。

Tilt 3D IS与Firefox Quantum不兼容。

直到Firefox 47：右键单击并选择“检查元素”，然后单击工具箱菜单左侧的齿轮图标，您应该看到“可用的工具箱按钮”，其下显示“ 3D视图”。

单击此按钮将在工具箱菜单中添加一个新图标，单击该图标将显示3D Dom视图。

转到：首选项->常规取消选中“启用多进程Firefox开发人员版”

重新启动Firefox

转到：开发人员工具栏[工具箱选项]的“ 3D视图”复选框现在应显示在“可用的工具箱按钮”下，请确保已选中此复选框，并且您感觉很好。

更新：从FF 47起已将其删除，但可以在附件中使用。

似乎FF更新可能会禁用此功能。FF 38更改了设置图标的位置。

Firefox 38-右侧的多维数据集和齿轮：

我知道这个问题与FireFox有关，但是您也可以在Chrome中获得此功能（Firefox不允许您将JS作为书签插入）：

将此JavaScript代码添加为书签网址：

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

添加后，在任何网站上单击书签。您可以单击以显示轮廓，然后单击以拖动以类似于Firefox中的视图。

仍可在此处下载Firefox 46.0：https : //ftp.mozilla.org/pub/firefox/releases/46.0/

还有Tilt 3D模块（来自Firefox 46.0）：https : //addons.mozilla.org/en-US/firefox/addon/tilt/

与Web Developer Tools的本机3D视图相比，Tilt 3D渲染视图似乎更好：

Tilt 3D和3D视图之间的屏幕快照比较

看看Microsoft的Edge浏览器。

我有版本79.0.283.0（正式版本）canary（64位）版本。放入edge://flags/地址栏中，启用Developer Tools实验。打开开发人员工具，然后按Control + Shift + P并搜索“ 实验”，然后找到“ 启用DOM 3D视图”。

现在，您可以使用Ctrl + Shift + P > DOM 3D视图。

它不是Firefox解决方案，但对我有用。

我在这里找到了。

它已不再使用46版。对此的解决方案是通过Google“ Firefox 46下载”安装该版本并将其重命名（在Mac上）为firefox-45之类的名称，以保留更新的版本。启动版本45并关闭自动更新。现在，您可以启用3D视图，并以3D形式查看页面并将其倾斜。

希望对您有用。