Firebug是firefox下的一個插件,能夠調試所有網站語言,如Html,Css等,但FireBug最吸引我的就是javascript調試功 能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能還很強大,比如html,css,dom的查看與調試,網站整體分析等等。總之就是一整套完整而強大的 WEB開發工具。
-
firebug的安裝首先打開火狐瀏覽器,如果你沒的瀏覽器沒有菜單欄的話你可以按F10或者Ctrl+shift+A來調出火狐的組件拓展.
-
然后在右上角輸入firebug然后回車,在對應的檢索結果中選擇firebug,然后點擊安裝,如果安裝完之后按F12沒有出現對應的調試窗口的建議重啟火狐瀏覽器即可.
下面分別對火狐的7的模塊簡單的說明一下它的功能,因本人是程序員所以一些高級應用沒有去探索,只是把自己的常用的功能說明一下
-
按F12調出調試窗口,然后移動鼠標選中想要編輯的對應在上面可以看到對應的效果
-
如果你想用調試jquery語法也是可以點擊控制台就可以開始你的jquery之旅了.而且還有提示功能很爽,這里還有點Linux的歷史命令的味道
-
在別的編程語言里面例如PHP查看數組的話可以用var_dump,print_r查看數組有那些對應元素,但是js就麻煩了,我是真不知道用那個方法查看
所以自己寫了一個例子,我一般用dir和console.log()來查看,不知道別人是怎么查看的?更有趣的是console的api還可以查看腳本的運行時間真的牛了.
-
再下面用到的就是AJAX請求動態數據了,自己做了一個簡單的聯動效果.來說明怎么查看返回來的數據.
-
也許Firebug最吸引我的就會JS的調試了,真的很方便,只要簡單的設置一下斷點,按一下步入就可以調試JS腳本了.
-
最后如果自己想深入研究的話可以到這里查看相應的使用方法.祝你好運!
https://getfirebug.com/wiki/index.php/Console_api
這里有更精彩的用法等着你去探索.