How to enable the new 3D page inspector view in Firefox 11

Become part of the top 3% of the developers by applying to Toptal https://topt.al/25cXVn

--

Music by Eric Matyas
https://www.soundimage.org
Track title: Life in a Drop

--

Chapters
00:00 Question
00:33 Accepted answer (Score 17)
02:22 Answer 2 (Score 23)
03:06 Answer 3 (Score 2)
03:29 Answer 4 (Score 1)
04:19 Thank you

--

Full question
https://superuser.com/questions/401005/h...

Accepted answer links:
[uses WebGL]: http://blog.mozilla.com/blog/2012/03/13/.../
[Tilt addon]: http://blog.mozilla.com/tilt/
[get.webgl.org]: http://get.webgl.org/
[10.0 Nightly releases]: http://ftp.mozilla.org/pub/mozilla.org/f.../

Answer 2 links:
[add-on]: https://i.stack.imgur.com/MSV78.png

Answer 4 links:
[image]: https://i.stack.imgur.com/qptHR.png
[image]: https://i.stack.imgur.com/PRUqz.png

--

Content licensed under CC BY-SA
https://meta.stackexchange.com/help/lice...

--

Tags
#firefox #3d

#avk47

ANSWER 1

Score 23

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 38

Firefox 30 - cog on the left:

Firefox 30

ACCEPTED ANSWER

Score 17

Invoke the Element Inspector using Ctrl+Shift+I or by clicking the appropriate menu item:

enter image description here

Now, pick an element on the page (optional):
enter image description here

By clicking the 3D button, you'll get the desired 3D view: enter image description here

There is no "3D" button/It doesn't work. What now?

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.

ANSWER 3

Score 2

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"

ANSWER 4

Score 1

Nothing worked for me except this:

Go to about:config
Set webgl.force-enabled as true.
Set webgl.msaa-force as true.
Set layers.acceleration.force-enabled as true.
Set gfx.direct2d.force-enabled as true.

Source: http://techawakening.org/firefox-11-3d-inspect-button-not-working/946/