Firefox的JavaScript主控台

JavaScript & jQuery:The Missing Manual 国际中文版(第二版)→第一部 JavaScript新手入门→第一章 第一个JavaScript程式→Firefox的JavaScript主控台这里,ㄚ琪读到了Firefox的JavaScript主控台是非常棒的除错工具。既然如此当然要让朋友们知道啰,不过书中像是直接使用英文版的Firefox做解说,对于国人来说应该会有点不适应吧,我们就以Windows的Firefox 17.0.1的中文版来示范吧。

[adsense][/adsense]

这次使用的例子为complete_fadeIn.html,我们稍微把$(‘body’).hide().fadeIn(3000);这一行改成$(‘body’).fadeIn(‘slow);看看Firefox如何来除错?

要开启JavaScript主控台,点选工具→网页开发者→错误主控台

看来有很多的错误,但应该有可能是其他的问题造成的,我们直接看到行号11,有个箭头直接告诉你错误的地方,看来还真方便。

它也可以显示CSS的错误,这里很多的错误有些就是这一类的错误。

另外也顺便透露Chrome的JavaScript的主控台好了。

点选第二列最右边的图示→工具→JavaScript控制台,开启主控台后点选Console就可以看到错误讯息了。

不过像这样的Uncaught SyntaxError: Unexpected token ILLEGAL 错误讯息应该没有人懂,哈哈。