明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線(xiàn)學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

firebug如何用?火狐firebug使用圖文說(shuō)明教程

[摘要]--Firebug可以隨時(shí)編輯頁(yè)面在HTML標(biāo)簽中,點(diǎn)擊窗口上方的“inspect”命令,然后再選擇頁(yè)面中的文本節(jié)點(diǎn),你可以對(duì)其進(jìn)行修改,修改結(jié)果會(huì)馬上反應(yīng)在頁(yè)面中。Firebug有6個(gè)主要的Tab按鈕,本經(jīng)驗(yàn)將主要介紹這幾方面的功能,下面說(shuō)的是Consol...

  --Firebug可以隨時(shí)編輯頁(yè)面

  在HTML標(biāo)簽中,點(diǎn)擊窗口上方的“inspect”命令,然后再選擇頁(yè)面中的文本節(jié)點(diǎn),你可以對(duì)其進(jìn)行修改,修改結(jié)果會(huì)馬上反應(yīng)在頁(yè)面中。

firebug怎么用?火狐firebug使用教程

  Firebug有6個(gè)主要的Tab按鈕,本經(jīng)驗(yàn)將主要介紹這幾方面的功能,下面說(shuō)的是Console控制臺(tái):

  --Fire的查看和修改HTM代碼功能

  利用Inspect檢查功能,我們還可以用鼠標(biāo)在頁(yè)面中直接選擇一些區(qū)塊,查看相應(yīng)的HTML源代碼和CSS樣式表,真正的做到所見(jiàn)即所得,如果你使用了外部編輯器修改了當(dāng)前網(wǎng)頁(yè),可以點(diǎn)擊Firebug的reload圖片重新載入網(wǎng)頁(yè),它會(huì)繼續(xù)跟蹤你之前用Inspect選中的區(qū)塊,方便調(diào)試。

  --Firebug的DOM功能

  該功能主要用于查看頁(yè)面DOM信息,通過(guò)提供的搜索功能實(shí)現(xiàn)DOM的快速準(zhǔn)確定位,并可雙擊來(lái)實(shí)現(xiàn)DOM節(jié)點(diǎn)屬性或值的修改。

  --Firebug的腳本(Javascript)功能

  腳本功能主要是一個(gè)腳本調(diào)試器,可以進(jìn)行單步調(diào)試、斷點(diǎn)設(shè)置、變量查看等功能,同時(shí)通過(guò)右邊的監(jiān)控功能來(lái)實(shí)現(xiàn)腳本運(yùn)行時(shí)間的查看和統(tǒng)計(jì),提高運(yùn)行效率。

  --Firebug的網(wǎng)絡(luò)(Net)功能

  該標(biāo)簽功能主要用來(lái)監(jiān)控網(wǎng)頁(yè)各組成元素的運(yùn)行時(shí)間的信息,方便找出其中運(yùn)行時(shí)間較慢的部分,進(jìn)一步優(yōu)化運(yùn)行效率。

  使用Firebug插件在附加組件中打開(kāi)Firebug啟用開(kāi)關(guān),啟用開(kāi)關(guān)默認(rèn)未開(kāi),如果未打開(kāi)此功能,那么很可能會(huì)出現(xiàn)點(diǎn)擊后Firebug插件無(wú)效的情況。

綠茶
火狐瀏覽器Firefox 19正式版官方下載搶先體驗(yàn)
火狐瀏覽器怎么清除緩存?火狐瀏覽器清除緩存教程


學(xué)習(xí)教程快速掌握從入門(mén)到精通的電腦知識(shí)