Here’s 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.

You can use this view to programmatically pull out features, for example here are the “cards” of a Google search result, you can see how some of them are not like the others.

Complex websites are the most fun to look at, here’s Twitter for example.

Rendering the sides works fastest in Safari, oddly, but performance-wise Chrome and Firefox are a lot better for large websites.

Each browser has its quirks.

Safari rendered the best but was slow, Chrome rendered the worst but was fastest, Firefox was a mix ¯_(ツ)_/¯.

https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca

Leave a Reply

Your email address will not be published. Required fields are marked *