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

有很多工具可以调试JavaScript和CSS。 Firebug，“警报”消息，脚本调试器，MSE7.exe什么是调试JavaScript和CSS的最佳方式？

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

感谢

至于CSS，萤火虫有 “风格” 和 “计算” 选项卡。只需选择一个元素，然后检查这些标签。我想不出任何无法用这些解决的CSS问题。

Styles tab

Computed tab

2012-01-24 15:14:09

萤火虫和Chrome浏览器开发工具是非常的金标准客户端。

铬文档：

Firebug的文档：

2012-01-24 14:53:53 minikomi

这两个人是否像“可乐”和“百事可乐”......这意味着他们都有完全相同的工具，但这是一个偏好问题？ –

是的，两种技能都可以转让。但要记住的是，浏览器的行为不同，因此您需要在两者中进行测试，因此需要至少对两种工具都有一定的了解。 – minikomi

对我来说，使用萤火虫（尤其是在Firefox）是最好的解决方案。

而不是使用警报消息，你试过console.log（'你的消息'）？这将节省您在萤火虫控制台中单击警报窗口和输出消息。

2012-01-24 14:55:24 user1166940

我的个人选择是Chrome及其开发者工具。检查用于CSS调试的元素，以及用于JavaScript源代码调试的脚本选项卡。您也可以使用控制台进行js日志记录

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

2012-01-24 14:56:00 archil

我看到很多人使用Firebug。这真的更好吗？ –

@AnnSanderson其实我不认为你可以比较这些。这只是品味的问题。我很确定，那么这两者都可以做你希望用于调试目的的一切。 – archil

Firebug或Chrome有没有办法在您调试JavaScript并将其保存到原始文件时修改JavaScript？ –

火狐：萤火虫
IE：F12和警报

2012-01-24 14:57:51 xyz

不幸的是，F12对XPath的东西没有用处。请证明我错了，我一直在IE浏览器中寻找Xpath工具。 – fuzzyanalysis

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

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

2012-01-24 17:48:44 ryankeairns

IE F12调试速度太慢。随着沉重的网络应用程序，浏览器将冻结多年。

2014-07-28 13:48:41 HieuHT

回答