Do you remember Firefox’s 3D View or Tilt extension that helped us to view pages in three-dimensional mode? The feature is no longer available in Firefox Devtools, Mozilla removed the feature as it was hard to maintain. Inspired from the Tilt feature, Microsoft released “3D DOM Viewer” in Microsoft Edge Dev/Canary builds and can be enabled. Do know, the feature is still a work in progress.
Enable 3D View in Microsoft Edge Chromium
1. Ensure you’re using either Edge Dev or Canary preview build, visit edge://flags page
2. Search for “Developer” and choose “Enabled” for Developer Tools Experiments.
3. Restart the browser.
4. After relaunch, click on Ellipsis > More tools > Developer Tools
5. Click on three dots icon (…) to customize and control devtools, select “Settings”
6. Select “Experiments” and check “Enable Dom 3D View” and close Devtools.
7. Now visit any website, open devtools by pressing Ctrl+Shift+I shortcut and click on … icon and select option from More Tools menu, you can now notice new “DOM 3D View” tab after “Console”, click take a snapshot to see the website in 3D.
Microsoft believes in the associated bug here that DOM 3D can be useful for education and for beginners to the web development”. As we’ve said before here the feature can be very useful for developers to find out layout problems and stray content.
Related articles:
Firefox 52 devtools: New Responsive Design Mode
