HTTPHeaders
Mozilla 最好的擴(kuò)展之一就是 Live HTTP Headers。它能讓您實(shí)時(shí)觀察到瀏覽器和Web服務(wù)器之間交換的 HTTP Header。比如你想調(diào)試 Cookie 問題或者 MIME 頭信息的問題,可以用它來查看全部 HTTP Header 的詳盡信息。
圖 14: Live HTTP Headers
安裝了 Live HTTP Headers 擴(kuò)展之后,可以從工具 -> Web 開發(fā) -> Live HTTP Headers 或 查看 -> 頁(yè)面信息 -> Headers啟動(dòng)。
更多信息...
LiveHTTPHeaders at mozdev.org
DOM 查看器
DOM 查看器可以用來查看或編輯任何網(wǎng)頁(yè)或 XUL 的DOM?梢杂脙蓚(gè)或三個(gè)面板探查文檔或結(jié)點(diǎn)的 DOM 層次,還可以查看樣式表、樣式規(guī)則等等,而不僅僅是 DOM。
在屏幕截圖中可以看到,頁(yè)面中與 DOM 樹中的結(jié)點(diǎn)相對(duì)應(yīng)的文本的邊框以高亮顯示。
圖 15: Mozilla 的 DOM 查看器
DOM 查看器可以從 工具 -> Web 開發(fā) -> DOM 查看器中啟動(dòng)。
更多信息 ...
DOM Inspector at mozilla.org
Introduction to the DOM Inspector
緩存管理器
Mozilla 的緩存管理器使你能夠完全訪問內(nèi)存或者磁盤的緩存。您可以觀察到所有緩存內(nèi)容的資料,能幫助開發(fā)者驗(yàn)證某個(gè)Web應(yīng)用程序送出的頭信息是否正確。
圖 16: Mozilla 的緩存管理器條目
在地址欄中輸入 about:cache,按回車,即可啟動(dòng)緩存管理器。
網(wǎng)頁(yè)編輯器
Mozilla 套裝內(nèi)包含有全功能的 HTML 編輯器,本文不打算討論這個(gè)網(wǎng)頁(yè)編輯器,因?yàn)槊總(gè)開發(fā)者都有自己慣用的編輯器。
結(jié)論
作為 Web 開發(fā)者,沒有 Mozilla 簡(jiǎn)直是無法想象的。Mozilla 的 Web 開發(fā)和調(diào)試工具是非常出色的,非常適合用于網(wǎng)站的測(cè)試和調(diào)試。
如果您有任何意見或評(píng)論,歡迎與我聯(lián)系。
出處:
責(zé)任編輯:moby
上一頁(yè) 用 Mozilla 調(diào)試網(wǎng)頁(yè) [3] 下一頁(yè)
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|