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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM