免費(fèi)AI編程助手
打斷點(diǎn)后，刷新頁面，頁面會(huì)停留在斷點(diǎn)處，按下 F10 按鈕，讓代碼繼續(xù)，會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。打斷點(diǎn)后，刷新頁面，頁面會(huì)停留在斷點(diǎn)處，按下 F10 按鈕，讓代碼繼續(xù)，會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。今天沒事干就把火狐瀏覽器（Firefox）下的 javascript 調(diào)試方法看了一下，記錄在此，希望對大家有所幫助。
我們這次使用的代碼頁面為 document 獲得對象博文中的按 name 屬性獲得對象的代碼。
<html>
<head>
<title>getElementsByName</title>
</head>
<body>
<form id="form1" action="#">
<a ) {
alert(aHref.href); break;
}
}
</script>
</body>
</html>
用 Firefox 瀏覽器打開該頁面，在瀏覽器的打開瀏覽器的工具欄，找到開發(fā)者選項(xiàng)按鈕，點(diǎn)擊進(jìn)入，勾選開發(fā)者工具欄
單擊開發(fā)者選項(xiàng)的工具標(biāo)識進(jìn)入查看器頁面
單擊開發(fā)者選項(xiàng)的工具標(biāo)識進(jìn)入查看器頁面
點(diǎn)擊 暫停 按鈕，點(diǎn)擊后按鈕狀態(tài)改變，同時(shí)右側(cè)的3個(gè)調(diào)試步驟變成可操作狀態(tài)，調(diào)試步驟的作用可參考 IE 瀏覽器 javascript 調(diào)試篇的講授。同時(shí)，在代碼行上面打斷點(diǎn)。點(diǎn)擊斷點(diǎn)后，代碼自動(dòng)進(jìn)入調(diào)試狀態(tài)，取消斷點(diǎn)，代碼直接運(yùn)行過去。
打斷點(diǎn)后，刷新頁面，頁面會(huì)停留在斷點(diǎn)處，按下F10按鈕，讓代碼繼續(xù)，會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。
點(diǎn)擊 hrefs 變量，可以看到該集合屬性的各對象，3個(gè)對象均為超鏈接，跟 IE 瀏覽器調(diào)試時(shí)看到的基本相同。
點(diǎn)擊第一個(gè)對象，對象展開后會(huì)出現(xiàn)對象屬性信息等內(nèi)容
說到這里，F(xiàn)irefox 瀏覽器的 javascript 調(diào)試基本就講完了。
