SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,777
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Display HTML Structure in Pretty Structure?

    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.

    Sincerely,


    Debbie

  2. #2
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,146
    Mentioned
    152 Post(s)
    Tagged
    0 Thread(s)
    Use Inspect Element instead of View Source (from Right-Click menu on Chrome or Firefox).

  3. #3
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,777
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cpradio View Post
    Use Inspect Element instead of View Source (from Right-Click menu on Chrome or Firefox).
    I think that helps, but is there an easy way to Expand/Collapse all levels - in FireFox - easily in one step??

    Sincerely,


    Debbie

  4. #4
    Hosting Team Leader silver trophybronze trophy
    cpradio's Avatar
    Join Date
    Jun 2002
    Location
    Ohio
    Posts
    5,146
    Mentioned
    152 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,777
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by cpradio View Post
    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.
    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.

    Thanks,


    Debbie


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •