firebug的使用方法和技巧(web開發調試工具)

Firebug是firefox下的一個插件,可以調試全部網站語言，如Html,Css等，但FireBug最吸引個人就是javascript調試功 能，使用起來很是方便，並且在各類瀏覽器下都能使用（IE,Firefox,Opera, Safari）。除此以外，其餘功能還很強大，好比html,css,dom的查看與調試，網站總體分析等等。總之就是一整套完整而強大的 WEB開發工具。

 

1. firebug的安裝首先打開火狐瀏覽器,若是你沒的瀏覽器沒有菜單欄的話你能夠按F10或者Ctrl+shift+A來調出火狐的組件拓展.

2. 而後在右上角輸入firebug而後回車,在對應的檢索結果中選擇firebug,而後點擊安裝,若是安裝完以後按F12沒有出現對應的調試窗口的建議重啓火狐瀏覽器便可.

   下面分別對火狐的7的模塊簡單的說明一下它的功能,因本人是程序員因此一些高級應用沒有去探索,只是把本身的經常使用的功能說明一下

3. 按F12調出調試窗口,而後移動鼠標選中想要編輯的對應在上面能夠看到對應的效果

4. 若是你想用調試jquery語法也是能夠點擊控制檯就能夠開始你的jquery之旅了.並且還有提示功能很爽,這裏還有點Linux的歷史命令的味道

5. 在別的編程語言裏面例如PHP查看數組的話能夠用var_dump,print_r查看數組有那些對應元素,可是js就麻煩了,我是真不知道用那個方法查看

   因此本身寫了一個例子,我通常用dir和console.log()來查看,不知作別人是怎麼查看的?更有趣的是console的api還能夠查看腳本的運行時間真的牛了.

6. 再下面用到的就是AJAX請求動態數據了,本身作了一個簡單的聯動效果.來講明怎麼查看返回來的數據.

7. 也許Firebug最吸引個人就會JS的調試了,真的很方便,只要簡單的設置一下斷點,按一下步入就能夠調試JS腳本了.
8. 8

   最後若是本身想深刻研究的話能夠到這裏查看相應的使用方法.祝你好運!

   https://getfirebug.com/wiki/index.php/Console_api

   這裏有更精彩的用法等着你去探索.