2010-08-27 41 views
0

是否有一个Windows应用程序可以用来简单地粘贴页面的HTML源代码,并对其进行解析,以便我可以看到每个部分的开始和结束位置?应用程序使HTML有意义吗?

当行错误缩进时,找出页面的逻辑是一件很痛苦的事情。

我宁愿一个独立的实用程序,而不是浏览器的附件。

谢谢。


编辑:如果可能的话,我想光实用程序(即,不是一个正式的IDE如Eclipse或VS。),其显示块作为一棵树,所以我能够折叠/展开块,集中那些我感兴趣的。

+0

您使用哪种编辑器进行HTML编写? – Gordon 2010-08-27 09:43:40

+0

这不是我的网站,但要弄清楚外国网站是如何工作的。 – Gulbahar 2010-08-27 09:47:26

回答

0

大多数现代浏览器中的内置DOM检查器将是一个好的开始。我知道你说的是单机版,而不是浏览器插件,但其优点是它们会突出显示页面上的元素,这非常方便。他们也很适合使用CSS和快速的Javascript实验。

对于IE8,请转至Tools > Developer Tools(或F12)。有一个可用的夫妇的一些推广为IE6 IE7 &:IE Developer ToolbarWeb Development Helper

对于Opera和Chrome,只需右键点击任何地方>Inspect ElementSafari also has this它只是必须启用。

对于Firefox,你需要下载Firebug

所有这些我喜欢萤火虫。根据我的经验,它往往是最稳定和最简单的HTML和CSS更改页面进行试验,尽管WebKit检查器也非常好。

一定要记住,这些工具向您展示了解析的DOM树,它可能与原始HTML不同。

+0

谢谢。它看起来也是一个很好的解决方案。 – Gulbahar 2010-08-29 09:17:18

1

如果您在Eclipse中开发的IntelliJ或你的HTML可以使用格式代码快捷

0

听起来HTML tidy将适合该法案。

许多程序员编辑已经有这个地方 - 记事本++有一个HTML整洁的功能,也可以使用visual studio(Ctrl + k + d)。

+0

感谢您的提示。 Notepad ++:TextFX> TextFX HTML Tidy。尝试完成后,它完成了这项工作,但我认为我宁愿使用树状编辑器,这样我就可以(不)折叠块并专注于我感兴趣的区域。是否有一种轻松的解决方案(我不要使用Eclipse,VS等)? – Gulbahar 2010-08-27 09:46:54

+0

@overtherainbow - 如果你确定语言设置为HTML,Notepad ++可以做到这一点。 – Oded 2010-08-27 10:03:20

+0

感谢您的提示:语言> H> HTML,然后查看>全部折叠(ALT + 0)。我一直在寻找一种非WYSIWYG HTML编辑器,它可以一次完成这个任务,但如果没有这种东西,记事本就足够了。谢谢。 – Gulbahar 2010-08-27 10:08:58

0

安装免费的Opera浏览器,导航到页面,右键点击某个东西,按“检查元件”。

相关问题