Mozilla 是個非常好的網(wǎng)頁制作和 Web 開發(fā)工具,不但可以用作網(wǎng)頁編輯器,而且還可以用作調(diào)試工具。本文將介紹 Mozilla 的幾個很酷的特性,可以用它迅速查出和排除網(wǎng)頁和Web應(yīng)用程序的錯誤。
原文寫作時用的是Windows XP下的 Mozilla 1.4a 和 Internet Explorer 6.0 SP1,全部為英文版。[譯注:本文翻譯中用的是 Windows 98 下的 Mozilla 1.6 和 IE 6.0 SP1,全部為中文版。]
本文的其他語言版:英語 | 法語 歡迎提供反饋。請與我 聯(lián)系。 JavaScript 控制臺
網(wǎng)頁中出現(xiàn)的錯誤大都是由 JavaScript 引起的,而且大多是非常簡單的錯誤,我認(rèn)為這正是有些網(wǎng)站無法在 Mozilla 下正常工作的原因。其實(shí)這些錯誤是很容易避免的。
即使設(shè)置正確,當(dāng)錯誤出現(xiàn)時,Internet Explorer 只是會彈出一個幾乎毫無用途的對話框,告訴你“該網(wǎng)頁有錯誤”,初學(xué)者很難把錯誤復(fù)制到剪貼板上。想調(diào)試 IE 中的錯誤,必須下載 微軟的腳本調(diào)試器 ,它是Internet Explorer 下用的腳本調(diào)試環(huán)境。
圖1: IE 中的 Javascript 錯誤
而 Mozilla 則提供了 JavaScript 控制臺,它可以記錄下所有腳本錯誤。在進(jìn)行網(wǎng)站測試時打開 JavaScript控制臺,任何 JavaScript 錯誤就可以馬上看到。確實(shí)是必不可少的網(wǎng)站開發(fā)工具。
JavaScript 控制臺能報告出錯的文件名和行號,以及錯誤出現(xiàn)時的上下文,使您很容易找出錯位置和錯誤原因。
圖 2: Mozilla 中的 Javascript 控制臺顯示的錯誤
您可以右鍵單擊錯誤并把它復(fù)制到剪貼板上。JavaScript控制臺還需要改進(jìn),你無法將所有條目保存到一個文件,而且換行不正確。
您可以從 工具 -> Web開發(fā) -> JavaScript 控制臺來啟動它。
嚴(yán)格模式 JavaScript 警告
嚴(yán)格模式下的 JavaScript 警告消息由位于瀏覽器核心JavaScript引擎產(chǎn)生。每種瀏覽器可以對JavaScript腳本進(jìn)行嚴(yán)格檢查,包括 Mozilla、Internet Explorer 和 Opera,但只有 Mozilla 能顯示警告。
這些 JavaScript警告信息是腳本引擎對客戶端腳本代碼的錯誤警告。這些警告和其他 JavaScript 錯誤不同,不會終止頁面的處理,但是速度會稍稍減慢,因?yàn)樗吘故悄_本引擎產(chǎn)生的異常。
圖 3: 嚴(yán)格模式 JavaScript 警告
開發(fā)者無法在別的瀏覽器中捕獲此類異常,但在 Mozilla 中可以做到。你擁有完全的掌控,寫出100%合格的 JavaScript 代碼再也不是件難事了。
JavaScript 最常見的毛病是重復(fù)聲明同一個變量: var response = true;var response = false;
嚴(yán)格模式下的 JavaScript 檢查會產(chǎn)生下面的警告: "redeclaration of var response"
正確的寫法應(yīng)當(dāng)是這樣: var response = true;response = false;
JavaScript 控制臺可以在午夜版的 編輯 -> 首選項(xiàng) -> 調(diào)試 -> 顯示嚴(yán)格的 JavaScript 警告中激活。如果你用的是正式發(fā)行版,可以在地址欄中輸入about:config 按回車,找到并打開 javascript.options.strict 選項(xiàng)。
更多信息...
掌握 JavaScript 嚴(yán)格模式警告 Cookie 管理
今天的大多數(shù)網(wǎng)站都使用了Cookie。Cookie 的調(diào)試卻很困難,不過難不倒 Mozilla。
在 Internet Explorer 中你無法看到當(dāng)前的 Cookie,至少無法直接在瀏覽器中看到。所以如果你用的是 IE, 唯一的選擇就是刪除全部的 Cookie,如果您只想清除某個站點(diǎn)的所有 Cookie,只有到 %USERPROFILE%\Cookies 文件夾(Windows XP下)中去找到并手工刪除,因?yàn)闊o法知道 Cookie 文件的格式,我不敢肯定是否能夠編輯或刪除某個站點(diǎn)的某個 Cookie 項(xiàng)。
圖 4: Internet Explorer 中的 Cookie 管理器
出處:
責(zé)任編輯:moby
上一頁 下一頁 用 Mozilla 調(diào)試網(wǎng)頁 [2]
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|