在树视图中查看HTML源代码？

Question

我想分析一下我访问过的一些复杂网页的结构.手动解析HTML源代码中的标记很繁琐,容易出错.

我想找到一个接受HTML源(或URL)作为输入的实用程序,并显示HTML元素的层次结构,包括源和id属性,最好是在树视图中.

我有信心找到这样一个工具应该很容易,但是一些谷歌搜索没有为我找到任何东西.我仍然相信这样的工具存在.社区能帮我找点什么吗？(我是Windows用户,如果可能,我当然更喜欢免费.)

Answer 1

IE8+ 和 Chrome 都内置了出色的开发人员工具。只需访问网页，在 IE 中按 F12，然后在 Chrome 中转到扳手 -> 工具 -> 开发人员工具。它们都显示页面的树视图并允许您对其进行修改。他们都非常强大。