4 ms·
I actually really liked the 3d view in firefox (https://developer.mozilla.org/en-US/docs/Tools/3D_View https://developer.mozilla.org/en-US/docs/Tools/3D_View)
by dahart 7y ago
I actually really liked the 3d view in firefox (https://developer.mozilla.org/en-US/docs/Tools/3D_View https://developer.mozilla.org/en-US/docs/Tools/3D_View)
A lot of people said it was silly, and I think IIRC the help pages for it used to have cheeky comments like "Why? Because we can." There's probably a good reason it was deprecated, but I thought it was useful for debugging my often deeply nested DOM layers.
- lukevers 7y agoI miss that view! It was so useful, especially debugging z-index issues.
- btilly 7y agoGosh darn it! Now that I learned that it used to exist, I wish I could use it now to help my kids learn how web pages work!
- pierrec 7y agoI wanted to try this out, and the closest thing I found is this bookmarklet for Chrome: https://github.com/chrisprice/explodz https://github.com/chrisprice/explodz It appears to still work and it even sort-of works on Firefox except for the mouse-click feature that shows the sides. Clearly not as polished as the old Firefox feature though.
- saagarjha 7y agoXcode’s view hierarchy debugger lets you do something similar and it’s quite useful: https://help.apple.com/xcode/mac/current/#/dev4dfdedb7a https://help.apple.com/xcode/mac/current/#/dev4dfdedb7a
- xingyzt 7y agoChromium Edge reimplemented it in their devtools: https://blogs.windows.com/msedgedev/2020/01/23/debug-z-index-3d-view-edge-devtools/ https://blogs.windows.com/msedgedev/2020/01/23/debug-z-index...