Hacker News new | ask | show | jobs
by ble 4055 days ago
You want to look at the DOM structure of the page as it exists in the loaded page and have I got a treat for you! Figure out how to open the web inspector for your browser; the keyboard shortcuts are ctrl-shift-I or cmd-shift-I or cmd-opt-I on a few (platform, browser) pairs.

(This will show you the actual DOM, not the React components... but since you were talking about 'view-source', this might help you too.)

2 comments

Or hit F12, works in every browser and platform as long as the key is present.
Between Firefox, Chrome, and Safari on OSX, it only does anything in Firefox (toggles Firebug).
Thanks, that's what I've been looking for!
You're welcome!

Using the web inspector has been such a massive and continuous boost to my learning/work with webpages and I'm extremely glad to share it with someone it might help.