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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

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