App下載

Firefox下javascript調(diào)試方法

猿友 2021-01-04 14:01:11 瀏覽數(shù) (3526)
反饋

打斷點(diǎn)后,刷新頁(yè)面,頁(yè)面會(huì)停留在斷點(diǎn)處,按下 F10 按鈕,讓代碼繼續(xù),會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。打斷點(diǎn)后,刷新頁(yè)面,頁(yè)面會(huì)停留在斷點(diǎn)處,按下 F10 按鈕,讓代碼繼續(xù),會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。今天沒(méi)事干就把火狐瀏覽器(Firefox)下的 javascript 調(diào)試方法看了一下,記錄在此,希望對(duì)大家有所幫助。

我們這次使用的代碼頁(yè)面為 document 獲得對(duì)象博文中的按 name 屬性獲得對(duì)象的代碼。


<html> 

<head> 

<title>getElementsByName</title> 

</head> 

<body> 

<form id="form1" action="#"> 

<a ) { 
alert(aHref.href); break; 


</script> 
</body> 
</html>

用 Firefox 瀏覽器打開(kāi)該頁(yè)面,在瀏覽器的打開(kāi)瀏覽器的工具欄,找到開(kāi)發(fā)者選項(xiàng)按鈕,點(diǎn)擊進(jìn)入,勾選開(kāi)發(fā)者工具欄

20150228215130386

單擊開(kāi)發(fā)者選項(xiàng)的工具標(biāo)識(shí)進(jìn)入查看器頁(yè)面

微信截圖_20210104134243

單擊開(kāi)發(fā)者選項(xiàng)的工具標(biāo)識(shí)進(jìn)入查看器頁(yè)面

微信截圖_202101041340451

點(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)行過(guò)去。

微信截圖_20210104134326

打斷點(diǎn)后,刷新頁(yè)面,頁(yè)面會(huì)停留在斷點(diǎn)處,按下F10按鈕,讓代碼繼續(xù),會(huì)看到后邊變量窗口出現(xiàn)所有的變量信息。

微信截圖_20210104134359

點(diǎn)擊 hrefs 變量,可以看到該集合屬性的各對(duì)象,3個(gè)對(duì)象均為超鏈接,跟 IE 瀏覽器調(diào)試時(shí)看到的基本相同。

微信截圖_20210104134711

點(diǎn)擊第一個(gè)對(duì)象,對(duì)象展開(kāi)后會(huì)出現(xiàn)對(duì)象屬性信息等內(nèi)容

微信截圖_20210104135044

 說(shuō)到這里,F(xiàn)irefox 瀏覽器的 javascript 調(diào)試基本就講完了。


0 人點(diǎn)贊