用來武裝Firebug的十三款Firefox插件

作者: IIduce  來源: css9  發布時間: 2009-12-24 10:32  閱讀: 1820 次  推薦: 0   原文鏈接   [收藏]  

如果你是一名Web設計師,Firebug想必不會陌生,作為一款Firefox插件,它可能是網站前端開發最有用的工具之一。尤其是如今網站中用到越來越多的javascript和ajax技術,firebug為Web前端開發與調試提供了莫大便利。Firebug擁有眾多優點,其中就包括可擴展性,下面介紹的這些Firefox插件就是用來武裝Firebug的,讓它變得功能更豐富,更便捷。

  1. YSlow(Why slow?-為什么慢呢?)

    YSlow是一款用來分析網頁,并提出前端性能改進建議的Firefox插件。YSlow依據預定義或用戶自定義的規則為網頁評級。它同時提供了許多性能分析工具,如:Smush.it™JSLint

  2. Page Speed

    與YSlow非常相似,Page Speed是google團隊推出的一款用于評測網頁性能的插件,尤其可以依據“網頁性能最佳實踐”對網頁性能提出改進建議。
    Page Speed可以自動優化圖片,并提供壓縮版本。它也可以偵測到那些實際并未用到的Javascript和css,以便優化它們。
    Page Speed可是個1.3M的大插件,它還擁有許多優秀功能等你嘗試。

  3. Pixel Perfect

    在制作網頁時,在頁面上添加一個新的設計元素(例如一個圖片或圖標)之前,我們往往希望提前看到元素添加后頁面的整體效果。Pixel Perfect就可以幫你實現這個想法,它允許開發者在網頁上覆蓋你要添加的設計元素。使用它時你可以調整要添加元素的透明度和位置。
    我感覺這款插件也可用來做網頁中元素的微調,以保證和最初設計藍圖一致,如它的名字,完美到一個像素都不差。

  4. CodeBurnder

    安裝CodeBurner后,可以再firebug面板中看到參考面板用來查詢html元素、html屬性、css屬性,就像一個字典一樣。
    當在Firebug中選中一個節點時,它也會提供一些相關的代碼示例供你參考。

  5. FireUnit

    FireUnit提供了一個簡單的API用來做簡單的測試記錄及單元測試。

  6. FirePHP

    在FirePHP的幫助下,你可以通過調用一個簡單的PHP方法,在Firebug中記錄日志。

    數據是通過響應包頭(Response Header)發送的,不會影響到網頁內容。

  7. FireRainbow

    FireRainbow 可以用來控制、修改Firebug中Script的語法高亮顯示。

  8. FireDiff

    It adds a change monitor recording every change made, by Firebug and the website itself, to CSS and the DOM.
    它能夠記錄通過Firebug或網站自身的CSS或DOM的每一次改動。

    這個我裝上后,也沒看出firebug上多了什么,也不知該怎么用。希望知道的朋友留言說一聲。

  9. Jiffy Firefox Extension

    安裝Jiffy Firefox Extension后會在Firebug中出現一個新面板,用來圖形化顯示Javascript的運行時間,并可打印出報表。

    看主頁說明,使用好像還有點麻煩。感興趣的朋友自己看下。

  10. Hammerhead

    Hammerhead可以幫助你計算網頁的載入時間。(這個好像Firefox本身具備啊)

    它支持多頁面,并允許你清除磁盤或內存緩存后再進行載入時間測試。

  11. Firecookie

    Firecookie, 是一個嵌入在Firebug中的cookie瀏覽管理插件。

    如果在Web開發中用到了cookie,使用它可以輕松的瀏覽cookie值、過期時間等,有助于快速開發。

    使用它時需要在Firebug的網絡面板中開啟cookie監測。它可同時顯示發送和接收的cookies。

  12. Firefinder

    在之前發布的一篇日志“一款快速查找頁面元素的Firefox插件——FireFinder”,專門介紹過這款插件。不再多說,需要的話去看一下。

  13. LiveCoder

    LiveCoder是Firebug的一個擴展,用來查看Firefox Chrome。這對與那些Firefox插件開發者非常有用,它可以幫你檢查、修改Firefox插件的Dom。

0
0
 
標簽:Firebug Firefox
 
 

文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()