# [FireFox外掛]Firebug的好用擴充外掛X10

- URL: https://justfly.idv.tw/firefox%e5%a4%96%e6%8e%9bfirebug%e7%9a%84%e5%a5%bd%e7%94%a8%e6%93%b4%e5%85%85%e5%a4%96%e6%8e%9bx10/
- 日期: 2009-06-25
- 分類: 我知故我在
- 標籤: firebug, firefox, 外掛

http://farm4.static.flickr.com/3398/3660350186_943256691f.jpg

Pixel Perfect

把網頁與設計稿覆蓋在一起組成一個網頁，方便精確的編寫CSS與HTML

[Install  Pixel Perfect](https://addons.mozilla.org/en-US/firefox/downloads/latest/7943)

http://farm4.static.flickr.com/3406/3660351224_88bd34987c.jpg

Page Speed

偵測網頁速度

[Install Page  Speed](https://dl-ssl.google.com/page-speed/current/page-speed.xpi)

http://farm4.static.flickr.com/3635/3659553645_4d66a7226f.jpg

CodeBurner

查詢檢視 HTML、CSS 語法的參考文件

以及在幾個主要瀏覽器上的相容性

[Install  CodeBurner](https://addons.mozilla.org/en-US/firefox/downloads/latest/10273)

http://farm4.static.flickr.com/3631/3659554391_410dd02022.jpg

FireRainbow

把JavaScript, CSS, 和HTML變成了彩色，提供更好的可讀性

[Install  FireRainbow](https://addons.mozilla.org/en-US/firefox/downloads/file/53758/firerainbow-1.0-fx.xpi?confirmed)

http://farm3.static.flickr.com/2469/3660353780_7622f2d7d1.jpg

Inline Code Finder

查看內嵌的avaScript和CSS，適合開發者重構現有的標記以單獨的結構（HTML）與風格（CSS）以及功能（JavaScript）

[Install  Inline Code Finder](https://addons.mozilla.org/en-US/firefox/downloads/latest/9641/addon-9641-latest.xpi)

http://farm4.static.flickr.com/3242/3659556339_514c6e003b.jpg

Firecookie

提供完全與cookies一體化工作的許多自有選擇和功能。擴展可以進行查看，檢查，輸出，和管理cookies.cookie日誌(創建，刪除，等等)

[Install  Firecookie](http://www.softwareishard.com/firecookie/archive/firecookie-0.8.xpi)

http://farm4.static.flickr.com/3357/3659557557_e0734d5fc2.jpg

FirebugCodeCoverage

測量網頁有少程式碼被執行

[Install  FirebugCodeCoverage](http://www.zachleat.com/Projects/firebugCodeCoverage/FirebugCodeCoverage-0.1.xpi)

http://farm3.static.flickr.com/2441/3660357208_8ebca7ce65.jpg

SenSEO

分析網頁並指出如何做白帽搜索引擎優化

[Install SenSEO](http://sensational-seo.com/download/senseo.xpi)

http://farm4.static.flickr.com/3569/3659559827_c1a2cf8561.jpg

Yahoo! YSlow

評價網頁的性能，並建議改善有潛力的地方

[Install  YSlow](https://addons.mozilla.org/en-US/firefox/downloads/latest/5369/addon-5369-latest.xpi)

http://farm4.static.flickr.com/3385/3660360104_f4bf64a94c.jpg

Firefinder

快速搜索CSS的類別等等

[Install  Firefinder](https://addons.mozilla.org/en-US/firefox/downloads/latest/11905/addon-11905-latest.xpi)