title: 網頁開發人員的秘密武器 – Firebug Lite --- **摘要** 只要是網頁開發人員應該都知道在 Firefox 中有個非常好用的開發工具 － Firebug，不過如果對於不習慣使用 Firefox 的人來說，就沒有辦法享受到 Firebug 帶來的好處。 可能是太多 Firebug 的使用者不斷的向 Firebug 開發團隊反應這件事情，因此 Firebug 就開發了一個讓你能夠在 Firefox 以外的瀏覽器也能使用 Firebug 功能的 Firebug Lite。 **Category** - [精選技巧](https://www.soft4fun.net/category/how-to/tips) - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) - [網路相關](https://www.soft4fun.net/category/software/internet) - [部落格工具](https://www.soft4fun.net/category/social-networks/blog-widget) **Tag** - [Firebug](https://www.soft4fun.net/tag/firebug) - [firebug lite](https://www.soft4fun.net/tag/firebug-lite) - [Firefox](https://www.soft4fun.net/tag/firefox) - [網頁設計](https://www.soft4fun.net/tag/%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88) **圖片清單** - ![網頁開發人員的秘密武器 - Firebug Lite firebuglarge](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/firebuglarge.png "網頁開發人員的秘密武器 - Firebug Lite firebuglarge") - ![網頁開發人員的秘密武器 - Firebug Lite FirebugLite](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/FirebugLite.png "網頁開發人員的秘密武器 - Firebug Lite FirebugLite") - ![網頁開發人員的秘密武器 - Firebug Lite javascript](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/javascript.png "網頁開發人員的秘密武器 - Firebug Lite javascript") - ![網頁開發人員的秘密武器 - Firebug Lite Firebug](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/Firebug.png "網頁開發人員的秘密武器 - Firebug Lite Firebug") --- 只要是網頁開發人員應該都知道在 Firefox 中有個非常好用的開發工具 － Firebug，不過如果對於不習慣使用 Firefox 的人來說，就沒有辦法享受到 Firebug 帶來的好處。 可能是太多 Firebug 的使用者不斷的向 Firebug 開發團隊反應這件事情，因此 Firebug 就開發了一個讓你能夠在 Firefox 以外的瀏覽器也能使用 Firebug 功能的 [Firebug Lite](http://www.soft4fun.net/website-recommand/firebug-lite-cross-browser.htm)。 ![網頁開發人員的秘密武器 - Firebug Lite firebuglarge](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/firebuglarge.png "網頁開發人員的秘密武器 - Firebug Lite firebuglarge") 顧名思義，Firebug **Lite** 之所以叫做 Lite，就是因為他是一個簡化版的 Firebug 套件。說穿了就是以 Java Script 模擬 Firebug 的功能，但因為 Firebug 其中有部分好用的功能如網路流量的監控，這些功能是必須要倚賴瀏覽器的支援，因此 Firebug Lite 就沒有辦法擁有100% Firebug 的功能。 但是!! 除了這個功能以外， Firebug Lite 大概提供了 Firebug 90% 以上的功能，而且支援多種瀏覽器，所以對於網頁開發人員來說，還是非常非常好用的工具，應該說…..必備!! > **Firebug Lite**：[http://getfirebug.com/firebuglite](http://getfirebug.com/firebuglite) > **支援瀏覽器**：IE 6+、Firefox、Chrome、Opera、Safari #### Firebug 與 Firebug Lite 功能比較 在 Furebug Lite 中，提供了 Firebug 90%的功能，除了「網路」這個功能因為需要瀏覽器的支援，一般瀏覽器並不允許 JavaScript 去存取這些東西，因此這項功能就這樣被閹割掉了。但是其他如 HTML 檢視/編輯、CSS 調整、DOM檢視等在 Firebug 中提供的功能，在 Firebug Lite 中可是原汁原味呈現 :D ![網頁開發人員的秘密武器 - Firebug Lite FirebugLite](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/FirebugLite.png "網頁開發人員的秘密武器 - Firebug Lite FirebugLite") ▲雖然是 Lite 版，但是功能卻一點都不 Lite ![網頁開發人員的秘密武器 - Firebug Lite javascript](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/javascript.png "網頁開發人員的秘密武器 - Firebug Lite javascript") ▲ JavaScript 控制台，可以拿來做很多壞事(嘿嘿) #### Firebug Lite 安裝方法 - **IE**：您可以連到 Firebug Lite 的[安裝頁面](http://getfirebug.com/firebuglite#Stable)，在「**Firebug Lite**」連結上面點一下滑鼠右鍵，並選取「**加 我的最愛**」 ![網頁開發人員的秘密武器 - Firebug Lite Firebug](http://pic.soft4fun.net/imgs/20100414a/FirebugIE_DD54/Firebug.png "網頁開發人員的秘密武器 - Firebug Lite Firebug") - **Firefox**：直接把連結拉到『書簽工 列』就可以囉!!