doubledee — 2013-06-02T23:34:40-04:00 — #1
Is there some easy way to display the HTML Structure of a page in a format that is easy-to-read?? :-/
I am trying to review the Semantics of my webpage, and I find using "View Source" in FireFox to be a real pain, due to the complexity of my HTML, and how FireFox seems to mess up the carriage returns and tabs and what-not.
I need an easier-to-read document, with pure HTML, and no PHP, and that will let me verify that my HTML Headings are laid out properly.
cpradio — 2013-06-03T05:21:21-04:00 — #2
Use Inspect Element instead of View Source (from Right-Click menu on Chrome or Firefox).
doubledee — 2013-06-03T22:57:33-04:00 — #3
I think that helps, but is there an easy way to Expand/Collapse all levels - in FireFox - easily in one step??
cpradio — 2013-06-04T05:05:04-04:00 — #4
Unfortunately, the 10-15 minutes I spent this morning, I've yet to figure out how to do that... I even tried searching for firefox Inspector Keyboard shortcuts but that didn't really return anything useful.
doubledee — 2013-06-04T10:26:38-04:00 — #5
Well, your suggestion is still a small step forward.
Since I should only be doing this as a final check of a given page, I guess I can manually expand each "node".
The formatting is definitely more friendly.
Just would be nice to expand everything in one shot.