Samnan ur Rehman

Personal site & Blog

Fork me on GitHub

Debugging Webpages With Firefox 3D View

| Comments

The neweset version of Firefox browser has improved web developer tools, and one of the coolest tool is the 3D debugging view of the webpage. This functionality was previously available as as addon, but now has been integrated into the browser web developer tools. To activate the tool, Press Ctrl+Shift+I inside any webpage, and then click the ‘3D View’ button at the bottom of the screen.

The 3D view, while proving some nice eye candy, can also help find z-index issues and inspect hard to find elements hidden behind other elements on a webpage.