With firefox 11 there is a new feature called 3D page inspector which I would like to test because I think is really useful.
However, I can't really find where this should be enable or how to do it!
Can anyone help me with this? I'm going mad
Invoke the Element Inspector using Ctrl+Shift+I or by clicking the appropriate menu item:
Now, pick an element on the page (optional):
By clicking the 3D button, you'll get the desired 3D view:
Firefox uses WebGL for the 3D view.
To my understanding, this feature was also previously available in the form of the Tilt addon. The blog says:
Available as an addon
The latest version of Tilt can be found on Github, but you can also download Tilt as an addon from addons.mozilla.org.
For compatibility, Tilt requires WebGL capabilities. Go to get.webgl.org to check availability and troubleshoot any issues. The current version works with Firefox 6.0 to latest 10.0 Nightly releases (latest Nightly builds now also support WebGL anti-aliasing, working great with Tilt).
To start Tilt, hit Control+Shift+M (or Command+Shift+M if you’re on Mac OS), or go to Web Developer -> Tilt, available in the Firefox application menu (or the Tools menu on Mac OS). You can modify this hotkey (and other properties) from the Options menu after starting Tilt.
Update: It's been removed from FF 47 onwards, but is available in an add-on.
It seems FF updates might disable this. The icon is now different from the "3D" button in other answers - it's a cube icon. Click the settings cog icon and enable the "3D View" option in the Developer Tools "Available Toolbox Buttons".
Firefox 38 - cube and cog on the right:
Firefox 30 - cog on the left:
To enable webgl on FF (i.e. 11) go to address "about:config" in browser, put "webgl" in Search box, dblclick (set to True) setting "layers.acceleration.force-enabled"
Nothing worked for me except this:
webgl.force-enabled
as true
.webgl.msaa-force
as true
.layers.acceleration.force-enabled
as true
.gfx.direct2d.force-enabled
as true
.Source: http://techawakening.org/firefox-11-3d-inspect-button-not-working/946/
I had the problem where the 3D view button appeared for chrome-only tabs (e.g. about:config
) but was not accessible on normal content tabs. At first I thought that my graphics driver had been blacklisted, but fiddling with the about:config
options listed in other answers here did not change this behavior.
It turns out that, at the time of writing this answer (13 Nov 2014), the Nightly builds of Firefox do not show the 3D view option on content tabs when running with Electrolysis (e10s, multi-process) enabled. Mozilla bug 937166 tracks the work necessary to make the 3D view remotable across the content processes.
As a workaround, disable the multi-process mode from the General tab in the browser preferences:
There is an add-on that offers the same functionality: Tilt 3D.
Note: just like the built-in version, the add-on does not work in multiprocess Firefox.
To workaround 3D view is not available in multiprocess Firefox
you have to disable multi process (formerly known as Electrolysis or E10s).
There is no option in settings to disable Enable E10s (multi process) starting Firefox v52.
But multi process can still be disabled in about:config
with option browser.tabs.remote.autostart
set to false
After setting to false you need to restart Firefox.
You can also check if multi process was disabled in about:support
I'm on Firefox 20 and I could the message "could not initialize tilt". I updated firefox then created a new variable in about:config called "webgl.enabled_for_all_sites", set it to true, and it worked! source of help: http://www.nextofwindows.com/how-to-enable-webgl-in-firefox-chrome-and-safari/
Note: 3D view is not available in multiprocess Firefox. This includes the current Nightly and Developer Edition versions of Firefox.