You could’ve ignored 3D View feature aka Tilt in the Mozilla browser, which is introduced with Firefox 11, though this feature is intended for developers to view their pages in 3-dimensional mode; when you enter this mode, it allows you to analyze the structure and page elements in different angles.
Note April 15, 2020: Microsoft Edge 81 or later versions have got the 3D viewer feature.
To see it in action, download and install the new Edge.
- Visit any webpage,
- Click on the menu icon, select More tools > Developer Tools (or press Ctrl+Shift+I),
- Click on the … icon to Customize and control Dev tools > More Tools > 3D View.
You can find more information about 3D Viewer in Microsoft Edge in the below links.
Microsoft is working to bring 3D View to Chromium, Now Can be enabled in the new Edge browser
Microsoft enables 3D View by default in Edge
Firefox 3D View: View web pages in 3-dimensional mode
By not knowing the purpose novice users can play with this, but 3D View is very helpful for developers in finding layout problems and stray content on their pages. The developer can use this built-in standalone tool in Firefox to optimize the layout by looking at the page structure.
Quick update and summary about 3D View in Firefox browser as on JUNE 2018:
As you all know, 3D Viewer available in Firefox dev tools has been removed and made available to users in form of add-on, Tilt, which doesn’t support e10s aka multi-process Firefox. Since the add-on is not compatible with Firefox Quantum, there are no alternatives available for Firefox 3D View on Mozilla add-ons site.
We don’t recommend using old versions of Firefox, but you can use Firefox 52 ESR (link )and use legacy Tilt add-on without any issues. This is the least help we offer on this. If you’re interested, you may check other Firefox articles we’re covering on our site here.
UPDATE June 13, 2016:
FYI, Tilt or 3D View doesn’t work in Firefox when e10s is enabled, that’s why Mozilla has removed the 3D View from Firefox 47. But the feature is available in the form of an add-on here https://addons.mozilla.org/en-US/firefox/addon/tilt/, but for it to work, you need the browser to run in non-e10s mode. Update: The extension is not compatible with Firefox Quantum.
1. To open 3D view mode when Firefox is open, press Ctrl+Shift+ I to open Web Developer Tools and click on ‘3D View’ button that is after the Paint brush (check the screenshot below).
Update: In Firefox 31 and later versions, Developer Tools doesn’t show 3D view button, no problem! it is still there. Click on Gear icon ( Toolbox Options), scroll down, under ‘available Toolbox Buttons’, enable ‘3D View’, now you can see its button.
Or Right click on the page and select ‘Inspect element’ to open the page inspector and then click on the 3D View button (can’t see this button? May be your graphics card driver needs an update).
2. To exit this mode, click on the same button again.
In Firefox 47 is not longer available.
https://developer.mozilla.org/en-US/docs/Tools/3D_View
Sorry for not providing update on that, just came to know that through your comments. Tilt or 3D view is not compatible with e10s, hence it has been removed and no longer available in Firefox 47, you can able to get the feature by installing this add-on: https://addons.mozilla.org/en-US/firefox/addon/tilt/, provided you need to run browser or browser window in non-e10s mode.
Since Mozilla ships Firefox 48 with e10s to 1% of userbase. all won’t get it. Install the add-on and use Ctrl+Shift+ M on Windows to see web page in 3d view. Since you’re using version 47, u won’t face problems as add-ons works.Hope that helps.
I’ve tested in add-on in non-e10s window (check the menu for that option if you’re using nightly or developer).