orion,

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

video/mp4

orion,

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

ilikecats,
@ilikecats@social.sdf.org avatar

@orion Finally, someone brought back the old firefox 3d debug feature ( https://firefox-source-docs.mozilla.org/devtools-user/3d_view/index.html )

orion,

Complex websites are the funnest 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.

orion,

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.

orion,

With sides enabled, you can see the skyline of your DOM.

resuna,
@resuna@ohai.social avatar

@orion "I know this, it's a UNIX system!"

Edent,
@Edent@mastodon.social avatar

@orion that's brilliant!

CC @Meyerweb we were chatting about this sort of thing last year, I think.

johnefrancis,
@johnefrancis@mastodon.social avatar

@orion holy sh*t that's awesome

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • DreamBathrooms
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • mdbf
  • tacticalgear
  • megavids
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • JUstTest
  • lostlight
  • All magazines