是否有一个HTML5、JavaScript和CSS调试器？

我知道有各种各样的HTML5调试器（比如Dreamweaver）、各种JavaScript（比如JSLint）和CSS调试器（比如Firebug），但是有没有一个程序可以调试我的HTML5、JS和CSS？它是免费的吗？

对于这样的东西，我只使用Chrome中的内置工具，或者Firefox中的Firebug（如果你这样挥杆的话）。这对于调试JS和CSS非常方便，但对HTML5不太清楚。

• Firefox的Firebug
• IE8开发工具
• Chrome开发工具

它们都允许您调试JS、检查CSS和HTML，而且它们都是免费的

---

我更喜欢那些IDE内置调试器，因为它们通常是使用firefox实现的，如果你有webkit/IE问题，你就不走运了。也许有一天，IDE将允许您使用任何浏览器进行调试，在此之前，我使用IDE只是为了编辑代码。是的，我知道，还没有完全整合，但这就是我们目前所拥有的。

你可能会喜欢JetBrains。它不是免费的，但费用是象征性的。

Microsoft Visual Web Developer express可以帮助您实现所有这些功能，而且是免费的。

在Google Chrome中，您只需右键单击，检查元素，然后单击

我刚刚发布了一个工具，它允许您通过移动鼠标来可视化HTML/CSS布局。它并没有完成所有的工作，但是它很容易，而且对于查看布局问题也很好

---

您最好将这个问题改为：“是否有一个集成开发环境（IDE）包含用于我的HTML5、javascript和CSS项目的javascript和CSS调试器？”我喜欢WebStorm（PHPStorm actuall），但它实际上不提供任何HTML或CSS调试。它将使用FF进行调试，但我还没有理解我的源代码，因为它与部署位置不匹配。