Orion ReedMar 27, 2024

I made an HTML/DOM viewer you can paste into your console to view or debug any website in 3D. Choose from random/gradient/clear colors or whether layers have sides.

You can save it as a bookmarklet so it's 1 click away. It's just a tiny IIFE JS function.
https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca

3D DOM viewer, copy-paste this into your console to visualise the DOM topographically.

3D DOM viewer, copy-paste this into your console to visualise the DOM topographically. - dom3d.js

Gist
Show threadOrion ReedMar 27, 2024

As requested, I've made a browser extension. A little development help would be *massive* — currently only works in Firefox so Chrome/Safari help would be great.

Once it's polished, I'll make it freely available in extension stores for easy usage.

https://github.com/OrionReed/dom3d

GitHub - OrionReed/dom3d: Browser extension to view and debug the DOM in 3D space.

Browser extension to view and debug the DOM in 3D space. - OrionReed/dom3d

GitHub
Show threadWookiee Parker 

@orion Firefox used to have this natively and I’ve been missing it.

Thanks @orion

Mar 27, 2024 at 9:16pmWeb