如何最好地调试JavaScript和CSS?

4

目前有许多工具用于调试JavaScript和CSS。Firebug,"Alert"消息,Script Debugger,MSE7.exe。

我想知道有没有人能谈谈哪一个是最好且最容易调试JavaScript和CSS问题的工具?

谢谢

7个回答

6

这两者就像可口可乐和百事可乐一样吗?意思是它们都拥有完全相同的工具,但取决于个人喜好? - Ann Sanderson
1
是的,这两者的技能是可以互相转移的。但需要记住的是,不同的浏览器行为不同,因此您需要在两种工具中进行测试,并且至少需要对这两种工具有一定的熟悉度。 - minikomi

5

关于CSS,Firebug有“样式”和“计算”选项卡。只需选择一个元素,然后查看这些选项卡。我认为没有任何CSS问题是不能通过它们解决的。

样式选项卡

计算选项卡


2

对我来说,使用Firebug(特别是在Firefox中)是最好的解决方案。

你试过console.log('你的信息')替代使用Alert消息吗?这样可以避免点击弹出窗口,而将消息输出到Firebug控制台。


2
我的个人选择是Chrome浏览器和它的开发者工具。用于CSS调试的检查元素,用于JavaScript源代码调试的脚本选项卡。您还可以使用控制台进行JavaScript日志记录。
但实际上,网站也应该支持调试。在生产版本中,通常将CSS和JavaScript文件最小化并连接在一起,这很难调试。

我看到很多人使用Firebug。这真的更好吗? - Ann Sanderson
@AnnSanderson,实际上我认为你不能将它们进行比较。这只是品味的问题。我非常确定它们都可以完成你希望进行调试的所有任务。 - archil
在Firebug或Chrome中,是否有一种方法可以在调试JavaScript时修改它并将其保存到原始文件中? - Ann Sanderson

1

IE F12调试太慢了。对于重型web应用程序,浏览器会冻结很长时间。


1

Firefox:Firebug
IE:F12和alert


很遗憾,F12对XPath的工作并不是很有用。请证明我错了,我一直在IE中寻找XPath工具。 - Fuzzy Analysis

1

我是一个狂热的Firebug用户,但你应该考虑的另一件事是linting(根据规则和最佳实践进行验证)。这不仅可以帮助你学习一些最佳实践,还可以在你进入浏览器之前帮助识别编码问题。

这里有一个基于Web的JS lint工具,你需要将代码粘贴到其中。另一个选择是为你的IDE查找插件或扩展程序。例如,如果你是Eclipse用户,你可以安装jslint插件并在编写代码时检查它。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接