Firebug瀏覽器插件是一款非常簡單實用的網頁代碼調試工具,支持各種熱門瀏覽器,并能對網頁開發起到重要的作用,讓你更加方便的對web代碼進行調試,能快速編輯并使用控制臺,讓你更效率的進行網頁制作方式,有需要的開發者可以來旋風軟件園下載。
Firebug(也被稱為:螢火蟲)是 firefox 下的一個擴展工具,能夠調試所有網站語言,如Html,Css等,但FireBug吸引人的就是javascript調試功能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,Firefox,Opera, Safari)。Firebug的其他功能也很強大,比如html,css,dom的查看與調試,網站整體分析等等。總之就是一整套完整而強大的 WEB開發工具。再有就是其為開源的軟件。集HTML查看和編輯、Javascript控制臺、網絡狀況監視于一體,可以說是開發人員必備擴展之一。從各個不同的角度剖析Web頁面內部的細節層面,給Web開發者帶來很大的便利為你的Firefox 集成了瀏覽網頁的同時隨手可得的豐富開發工具。你可以對任何網頁的 CSS、HTML 和 JavaScript 進行實時編輯、調試和監控…
第一步:首先安裝好火狐瀏覽器。這里就不詳細介紹,因為安裝火狐瀏覽器跟安裝其他電腦軟件一樣,很簡單。
第二步:打開火狐瀏覽器,在右上角找到菜單,打開菜單,選擇添加組件,如圖所示:
第三步:進入添加組件頁面,找到Firebug,如果你還沒安裝firebug插件,右邊會有啟動選項,如果你已經安裝了Firebug插件,右邊就沒有啟動選項了,如圖所示:
第四步:點擊啟動選項之后,瀏覽器就會幫你自動安裝,如果安裝成功,會有成功安裝提示,當你看到這個圖標,說明你已經安裝成功了。
第五步:安裝成功之后,接下來,按下鍵盤F12,就可以用Firebug插件對頁面進行調試了,是不是調試起來很方便,也很爽?
1.檢查Http相關信息
檢查HTTP頭
監視XMLHttpRequest
2.Monitor network activity
查看每個文件的時間線
3.調試JavaScript
設置斷點,在任意行暫停
4.Html相關信息
即時的HTML編輯
動態查看代碼
使用鼠標定位到元素
查看、編輯、重新加載 復制代碼
5.CSS相關信息
查看級聯
預覽顏色和圖像
手調CSS
啟用/禁用CSS樣式屬性
測量每一個邊距
大小:16.90M / 版本:v3.0.11 中文版
大小:72.57M / 版本:v3.0.11 中文版
大小:400KB / 版本:v3.0.11 中文版
大小:39KB / 版本:v3.0.11 中文版
大小:701KB / 版本:v3.0.11 中文版
大小:360KB / 版本:v3.0.11 中文版
大小:1.71M / 版本:v3.0.11 中文版
大小:875KB / 版本:v3.0.11 中文版
大小:16.90M / 版本:v3.0.11 中文版
大小:20.31M / 版本:v3.0.11 中文版