火狐firebug瀏覽器插件

Firebug瀏覽器插件是一款非常簡(jiǎn)單實(shí)用的網(wǎng)頁(yè)代碼調(diào)試工具，支持各種熱門瀏覽器，并能對(duì)網(wǎng)頁(yè)開發(fā)起到重要的作用，讓你更加方便的對(duì)web代碼進(jìn)行調(diào)試，能快速編輯并使用控制臺(tái)，讓你更效率的進(jìn)行網(wǎng)頁(yè)制作方式，有需要的開發(fā)者可以來(lái)旋風(fēng)軟件園下載。

firebug插件介紹

Firebug(也被稱為：螢火蟲)是 firefox 下的一個(gè)擴(kuò)展工具,能夠調(diào)試所有網(wǎng)站語(yǔ)言，如Html,Css等，但FireBug吸引人的就是javascript調(diào)試功能，使用起來(lái)非常方便，而且在各種瀏覽器下都能使用（IE,Firefox,Opera, Safari）。Firebug的其他功能也很強(qiáng)大，比如html,css,dom的查看與調(diào)試，網(wǎng)站整體分析等等?？傊褪且徽淄暾鴱?qiáng)大的 WEB開發(fā)工具。再有就是其為開源的軟件。集HTML查看和編輯、Javascript控制臺(tái)、網(wǎng)絡(luò)狀況監(jiān)視于一體，可以說(shuō)是開發(fā)人員必備擴(kuò)展之一。從各個(gè)不同的角度剖析Web頁(yè)面內(nèi)部的細(xì)節(jié)層面，給Web開發(fā)者帶來(lái)很大的便利為你的Firefox 集成了瀏覽網(wǎng)頁(yè)的同時(shí)隨手可得的豐富開發(fā)工具。你可以對(duì)任何網(wǎng)頁(yè)的 CSS、HTML 和 JavaScript 進(jìn)行實(shí)時(shí)編輯、調(diào)試和監(jiān)控…

安裝步驟

第一步：首先安裝好火狐瀏覽器。這里就不詳細(xì)介紹，因?yàn)榘惭b火狐瀏覽器跟安裝其他電腦軟件一樣，很簡(jiǎn)單。

第二步：打開火狐瀏覽器，在右上角找到菜單，打開菜單，選擇添加組件，如圖所示：

第三步：進(jìn)入添加組件頁(yè)面，找到Firebug，如果你還沒(méi)安裝firebug插件，右邊會(huì)有啟動(dòng)選項(xiàng)，如果你已經(jīng)安裝了Firebug插件，右邊就沒(méi)有啟動(dòng)選項(xiàng)了，如圖所示：

第四步：點(diǎn)擊啟動(dòng)選項(xiàng)之后，瀏覽器就會(huì)幫你自動(dòng)安裝，如果安裝成功，會(huì)有成功安裝提示，當(dāng)你看到這個(gè)圖標(biāo)，說(shuō)明你已經(jīng)安裝成功了。

第五步：安裝成功之后，接下來(lái)，按下鍵盤F12，就可以用Firebug插件對(duì)頁(yè)面進(jìn)行調(diào)試了，是不是調(diào)試起來(lái)很方便，也很爽？

firebug插件功能

1.檢查Http相關(guān)信息

檢查HTTP頭

監(jiān)視XMLHttpRequest

2.Monitor network activity

查看每個(gè)文件的時(shí)間線

3.調(diào)試JavaScript

設(shè)置斷點(diǎn)，在任意行暫停

4.Html相關(guān)信息

即時(shí)的HTML編輯

動(dòng)態(tài)查看代碼

使用鼠標(biāo)定位到元素

查看、編輯、重新加載  復(fù)制代碼

5.CSS相關(guān)信息

查看級(jí)聯(lián)

預(yù)覽顏色和圖像

手調(diào)CSS

啟用/禁用CSS樣式屬性

測(cè)量每一個(gè)邊距

• 奧維互動(dòng)地圖電腦版
• similar sites(發(fā)現(xiàn)類似網(wǎng)站插件)
• adobe flash player官方版
• 阿呆喵廣告攔截
• 谷歌衛(wèi)星地圖高清最新版
• internet explorer 6.0版本瀏覽器