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,756
    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,053
    Mentioned
    152 Post(s)
    Tagged
    0 Thread(s)
    Use Inspect Element instead of View Source (from Right-Click menu on Chrome or Firefox).
    Be sure to congratulate Patche on earning July's Member of the Month
    Go ahead and blame me, I still won't lose any sleep over it
    My Blog | My Technical Notes

  3. #3
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,756
    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,053
    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.
    Be sure to congratulate Patche on earning July's Member of the Month
    Go ahead and blame me, I still won't lose any sleep over it
    My Blog | My Technical Notes

  5. #5
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,756
    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
  •