firebug工具是火狐瀏覽器下的一個擴展工具,有了本插件以后,你就可以很好的調試網站的問題,雖然占用內存小,但是功能強大,讓你在編程的過程中,能夠變得更加方便順手,極光下載站就為大家帶來這款好用的瀏覽器插件,歡迎喜歡的朋友前來體驗!
firebug是firefox下的一個擴展,能夠調試所有網站語言,如html,css等,但firebug最吸引人的就是javascript調試功能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,firefox,Opera, Safari)。除此之外,其他功能還很強大,比如html,css,dom的查看與調試,網站整體分析等等??傊褪且徽淄暾鴱姶蟮?WEB開發工具。再有就是其為開源的軟件。
1.css調試
firebug的css調試器是專為網頁設計師們量身定做的。
如今的網頁設計言必稱div+css,如果你是用table套出來的html頁面,就得按這規矩重構一遍,否則顯得你不夠時髦!用div做出來的頁面的確能精簡html代碼,html標簽減肥的結果就是css樣式表的編寫成了頁面制作的重頭戲。
提示:如果你正在學習css樣式表的應用,但是總記不住常用的樣式表有哪些值,可以嘗試在css調試器中選中一個樣式表屬性,然后用上下方向鍵來改變它的值,它會把可能的值一個個遍歷給你看。
2.js調試器
這是一個很不錯的javascript腳本調試器,占用空間不大,但是單步調試、設置斷點、變量查看窗口一個不
少。正所謂麻雀雖小,五臟俱全。
3.Console 控制臺
控制臺能夠顯示當前頁面中的javascript錯誤以及警告,并提示出錯的文件和行號,方便調試,這些錯誤提示比起瀏覽器本身提供的錯誤提示更加詳細且具有參考價值。而且在調試Ajax應用的時候也是特別有用,你能夠在控制臺里看到每一個XMLHttpRequests請求post出去的參數、URL,http頭以及回饋的內容,原本似乎在幕后黑匣子里運作的程序被清清楚楚地展示在你面前。
4.css尺標
我們可以利用firebug來查看頁面中某一區塊的css樣式表,如果進一步展開右側Layout tab的話,它會以標
尺的形式將當前區塊占用的面積清楚地標識出來,精確到象素,更讓人驚訝的是,你能夠在這個可視化的界面中直接修改各象素的值,頁面上區塊的位置就會隨改動而變化。
5.網絡監視器
firebug的網絡監視器同樣是功能強大的,它能將頁面中的css、javascript以及網頁中引用的圖片載入所消耗的時間以矩狀圖呈現出來,也許在這里你能一把揪出拖慢了你的網頁的元兇,進而對網頁進行調優,還有一些其它細節功能,比如預覽圖片,查看每一個外部文件甚至是xmlHttpRequests請求的http頭等等。
6.修改html
第一次看到firebug強大的html代碼查看器,就覺得它與眾不同,相比于firefox自帶的html查看器,它的功能強大了許多。
*過濾日志消息
firebug提供了兩種方法來過濾日志消息,通過選項菜單和工具欄中的過濾器按鈕。開發者工具控制臺通過其工具欄內的過濾器按鈕提供類似的功能- 集中在一個地方。
*命令行API
firebug中的命令行API提供了一些特殊功能,以方便您使用。開發工具命令行有一些共同的功能,但也有一些其他的功能,錯過了別人。
*服務器日志
像FirePHP這樣的firebug擴展允許將服務器端消息記錄到firebug控制臺。該功能已經使用ChromeLogger協議集成到DevTools中,不需要安裝任何擴展。
*堅持日志
在firebug中,您可以單擊工具欄中的Persist按鈕以保留頁面導航和重新加載之間記錄的消息。在DevTools中,這個選項被稱為啟用日志,并且在“工具箱選項”面板中可用。
*命令歷史
該命令歷史記錄可通過在firebug的命令行按鈕,可以按↑/ ↓在DevTools命令行中。
*控制臺API
從網頁內將東西記錄到控制臺firebug 在頁面中提供了一個控制臺API。開發者工具共享相同的API,所以你的console.*語句將繼續工作。
firebug安裝教程
1.安裝完畢最新版火狐瀏覽器后,點擊左上角firefox菜單
選擇【工具】-->【附加組件】。然后在【搜索所有附加組件】搜索欄中輸入“firebug”關鍵詞,出現firebug搜索結果,點擊安裝后,重啟瀏覽器即可完成安裝過程。
2.firebug的啟動完成安裝,重啟瀏覽器后,即可按“F12”快捷鍵啟動firebug插件,也可點擊firefox地址欄右邊firebug圖標啟動,啟動后,頁面將分欄顯示,firebug各項功能顯示在下方。
軟件使用方法介紹
1.控制臺(Console)功能:控制臺得主要作用是用來顯示網頁各類錯誤信息,并可對日志進行打印處理。同時可以在進行javascript調試的時候當作命令行窗口使用,并通過概況子選項說明javascript代碼執行的相關信息。
2.DOM功能:該功能主要用于查看頁面DOM信息,通過提供的搜索功能實現DOM的快速準確定位,并可雙擊來實現DOM節點屬性或值的修改。
3.CSS功能:點擊CSS菜單標簽,可查看所有的CSS定義信息,同時也可以通過雙擊來達到修改頁面樣式的效果。
4.腳本(Javascript)功能:腳本功能主要是一個腳本調試器,可以進行單步調試、斷點設置、變量查看等功能,同時通過右邊的監控功能來實現腳本運行時間的查看和統計,提高運行效率。
5.HTML功能:此菜單標簽功能,主要用于查看當前頁面的源代碼功能,并可進行編輯,實時顯示,從而實現頁面最佳效果。
6.網絡(Net)功能:該標簽功能主要用來監控網頁各組成元素的運行時間的信息,方便找出其中運行時間較慢的部分,進一步優化運行效率。
相信大家在使用火狐瀏覽器上網時,遇到很多特殊網頁的js等程序無法運行的情況,這個時候則需要安裝對應的瀏覽器插件才能正常瀏覽網頁.各種各樣的火狐瀏覽器插件極大程度的豐富了瀏覽器功能,便捷的插件擴展程序也是火狐瀏覽器最大的亮點之一.
火狐沙拉查詞插件(saladict) v7.18.1 最新版
3.53 MB/ 簡體中文
v7.18.1 最新版
zotero火狐插件 v5.0.84 最新版
747.00 KB/ 簡體中文
v5.0.84 最新版
greasemonkey腳本 v4.9 最新版
517.00 KB/ 簡體中文
v4.9 最新版
火狐瀏覽器油猴插件 v4.11.0 免費版
1.32 MB/ 簡體中文
v4.11.0 免費版
adobe flash player火狐瀏覽器插件 v34.0.0.184 npapi版
2.20 MB/ 簡體中文
v34.0.0.184 npapi版
firebug擴展工具 v3.0.11 最新版
2.42 MB/ 簡體中文
v3.0.11 最新版
瀏覽器插件有哪些?小編在這里為大家整理了好用的瀏覽器插件合集,其中包括了谷歌、火狐等常用瀏覽器的相關插件工具,各個類型、不同應用領域的插件應有盡有,讓你在使用電腦端瀏覽器的過程中擁有更好的體驗,有需要的可以到極光下載站安裝使用!
adobe flash player 11.3官方版 v11.3.300 正式版
8.72 MB/ 簡體中文
v11.3.300 正式版
5118站長工具 v2.0.1 官方版
15.00 KB/ 簡體中文
v2.0.1 官方版
tampermonkey油猴插件 v4.5 crx綠色版
1.01 MB/ 簡體中文
v4.5 crx綠色版
tampermonkey(油猴插件)正式版 v4.10 最新版
1.27 MB/ 簡體中文
v4.10 最新版
谷歌訪問助手chrome插件 v3.0.7 最新版
206.00 KB/ 簡體中文
v3.0.7 最新版
谷歌瀏覽器軟件清理 官方版
39.00 KB/ 簡體中文
官方版
firebug擴展工具 v3.0.11 最新版
2.42 MB/ 簡體中文
v3.0.11 最新版
在這里,小編為你提供各種腳本大全。用戶通過腳本,可以在一些網站或者其他瀏覽器等等,增添一些不可用或者沒用的功能。非常不錯,需要的,趕緊來下載吧!
火狐沙拉查詞插件(saladict) v7.18.1 最新版
3.53 MB/ 簡體中文
v7.18.1 最新版
zotero火狐插件 v5.0.84 最新版
747.00 KB/ 簡體中文
v5.0.84 最新版
copy all urls插件 v2.10 免費版
125.00 KB/ 簡體中文
v2.10 免費版
谷歌二維碼插件 最新版
281.00 KB/ 簡體中文
最新版
5118站長工具 v2.0.1 官方版
15.00 KB/ 簡體中文
v2.0.1 官方版
百度網盤無限試用插件 電腦版
9.41 MB/ 簡體中文
谷歌瀏覽器沙拉劃詞翻譯 v7.18.1 最新版
3.58 MB/ 簡體中文
v7.18.1 最新版
advanced font settings中文版 v0.67 官方版
42.00 KB/ 簡體中文
v0.67 官方版
網友評論