首頁 / CompScience / Programming / Languages / JavaScript / Firefox的JavaScript主控台

Firefox的JavaScript主控台

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 錯誤訊息應該沒有人懂,哈哈。

Print Friendly, PDF & Email
馬上成為工作達人的Fans

About ㄚ琪

工作達人Fun Taiwan的創辦者及總編,可以在這裡更認識他。

發表迴響

你的電子郵件位址並不會被公開。 Required fields are marked *

*

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Scroll To Top