查看所選部分源代碼
如果你用過(guò) JavaScript 的 document.write,大概對(duì)無(wú)法看到動(dòng)態(tài)寫入的內(nèi)容不陌生吧。在 Internet Explorer 中很難看到用腳本生成的 HTML 代碼,你只能看到腳本本身。通常用一連串的 JavaScript alert 才能看到生成的源代碼。
Mozilla 有一個(gè)非常好用的功能,可以為你節(jié)省不少 alert 命令。這個(gè)功能叫做“查看所選部分源代碼”。首先標(biāo)記出(選擇)想要查看的內(nèi)容,從右鍵彈出菜單中選擇“查看所選部分源代碼”。 Netscape 4 也有相似的功能。此外還有對(duì)源代碼查看器的改進(jìn),可以讓你在源文件和生成的HTML代碼間切換。
下面就是個(gè)例子,其中引號(hào)的位置錯(cuò)了,如果沒(méi)有查看選中部分源代碼的功能,幾乎無(wú)法找出其中的錯(cuò)誤:
for (var i = 0; i < 10; i++) { document.writeln('<span id="id-"' + i + '">test: ' + i + '</span>'); for (var j = 0; j < 5; j++) { document.write(j + '<br>'); }}
圖 10: 查看所選部分源代碼
頁(yè)面信息
Internet Explorer 和 Mozilla 都可以顯示當(dāng)前頁(yè)面的屬性。
Internet Explorer 是通過(guò) 文件 -> 屬性 實(shí)現(xiàn)的,所顯示的信息非常有限。
圖 11: Internet Explorer 的頁(yè)面信息
而在 Mozilla 中,你可以查看當(dāng)前頁(yè)面的全部信息。
圖 12: Mozilla 中的頁(yè)面信息
查看頁(yè)面信息可以用 查看 -> 頁(yè)面信息.
JavaScript 調(diào)試器
Venkman 是 Mozilla 的調(diào)試員。Verkman 提供了一個(gè)強(qiáng)大的 JavaScript 調(diào)試環(huán)境,既有GUI 的也有命令行的。兩者的功能都包括斷點(diǎn)管理、調(diào)用堆棧檢視以及變量/對(duì)象檢視,用起來(lái)很舒服。而交互式的命令行方式允許您運(yùn)行特定的 JavaScript 代碼,鍵盤快捷鍵與圖形環(huán)境的一樣,
圖 13: Mozilla 的 JavaScript 調(diào)試器
JavaScript 調(diào)試器也支持剖析(profiling),可以用于度量腳本執(zhí)行的時(shí)間。
JavaScript 調(diào)試器可以從工具 -> Web 開(kāi)發(fā) -> JavaScript 調(diào)試器 啟動(dòng)。
更多信息...
Introduction to the JavaScript Debugger at DevEdge
Venkman at mozilla.org
Venkman Development
出處:
責(zé)任編輯:moby
上一頁(yè) 用 Mozilla 調(diào)試網(wǎng)頁(yè) [2] 下一頁(yè) 用 Mozilla 調(diào)試網(wǎng)頁(yè) [4]
◎進(jìn)入論壇網(wǎng)絡(luò)編程版塊參加討論
|