使用大量div处理HTML的最佳工具？

Question

什么是处理CSS和HTML的最好的免费IDE/编辑器，它有成千上万的div，很难看出哪个div连接到什么？例如，它是否可以突出显示相应的div，或者在它们旁边显示+/-号以展开/折叠它们？

Answer 1

Notepad++或Eclipse可以进行您提到的突出显示/折叠。Firebug可以以一种更具交互性的方式显示哪些是哪些。快速运行一下W3C验证器将确保其中也没有任何不匹配的标签。不会受伤的。

总体而言，这只是一个“糟糕”的情况。如果你和那些制造混乱的人有任何联系，请鼓励他们尽快清理干净。这会让每个人都更快乐，页面加载速度也会更快。

Answer 2

我喜欢在firefox中使用firebug来识别问题，比如您所描述的问题。然后，我可以清楚地看到浏览器正在呈现的内容，并直接单击导致呈现的代码。一个必备的(有这么多其他功能)。

我同意@scunliffe的观点：“成千上万的div”让我害怕！

Answer 3

在突出显示<div>或</div>时，使用"%“的vim可以轻松地进行匹配。可能还有一个用于代码折叠的插件。它也很快，这对巨大的文本文件很有帮助。