在JavaScript & jQuery:The Missing Manual 國際中文版(第二版)→第一部 JavaScript新手入門→第一章 第一個JavaScript程式→Firefox的JavaScript主控台這裡,ㄚ琪讀到了Firefox的JavaScript主控台是非常棒的除錯工具。既然如此當然要讓朋友們知道囉,不過書中像是直接使用英文版的Firefox做解說,對於國人來說應該會有點不適應吧,我們就以Windows的Firefox 17.0.1的中文版來示範吧。
這次使用的例子為complete_fadeIn.html,我們稍微把$(‘body’).hide().fadeIn(3000);這一行改成$(‘body’).fadeIn(‘slow);看看Firefox如何來除錯?
要開啟JavaScript主控台,點選工具→網頁開發者→錯誤主控台
看來有很多的錯誤,但應該有可能是其他的問題造成的,我們直接看到行號11,有個箭頭直接告訴你錯誤的地方,看來還真方便。
它也可以顯示CSS的錯誤,這裡很多的錯誤有些就是這一類的錯誤。
另外也順便透露Chrome的JavaScript的主控台好了。
點選第二列最右邊的圖示→工具→JavaScript控制台,開啟主控台後點選Console就可以看到錯誤訊息了。
不過像這樣的Uncaught SyntaxError: Unexpected token ILLEGAL 錯誤訊息應該沒有人懂,哈哈。