调试JavaScript和CSS的最佳方法是什么？

Question

有很多工具可以调试JavaScript和CSS。 Firebug，“警报”消息，脚本调试程序，MSE7.exe

我想知道是否有人可以插入哪一个恰好是调试JavaScript和CSS问题的最佳和最简单的工具？

由于

Answer 1

Firebug和Chrome Dev工具几乎是黄金标准客户端。

Chrome文档：

http://code.google.com/chrome/devtools/docs/overview.html

Firebug docs：

http://getfirebug.com/wiki/index.php/Main_Page

Answer 2

对于CSS，Firebug有“样式”和“计算”选项卡。只需选择一个元素，然后检查这些选项卡。我想不出任何用这些无法解决的CSS问题。

Answer 3

对我来说，使用Firebug（特别是在Firefox中）是最好的解决方案。

您尝试使用console.log（“您的消息”）而不是使用警报消息吗？这将节省您在firebug控制台中单击警报窗口和输出消息。

Answer 4

我的个人选择是Chrome及其开发人员工具。检查css调试的元素，以及javascript源调试的Scripts选项卡。您也可以使用控制台进行js日志记录

但实际上，网站也应支持调试。在生产版本中，通常将css和js文件都最小化并连接起来，这很难调试。

Answer 5

Firefox：Firebug
IE：F12和警报

Answer 6

我是一个狂热的Firebug用户，但另一个认为你应该考虑的是linting（验证规则和最佳实践）。这不仅可以帮助您学习一些最佳实践，还可以帮助您在访问浏览器之前识别编码问题。

以下是您必须粘贴代码的web based js lint tool。另一种方法是为IDE找到插件或扩展。例如，如果您是eclipse用户，则可以install the jslint plugin在编写代码时检查代码。

Answer 7

IE F12太慢而无法调试。使用繁重的网络应用程序，浏览器将冻结多年。