ChuYi 於12月 愛創機庫舉辦之愛創小小聚裡所分享的小主題

1. Firefox
網站開發的外掛套件

3. Who am I?
Chuyi Huang
Social:
chuyihuang@gmail.com
https://twitter.com/chuyihuang
https://www.facebook.com/huangchuyi
Blog:
http://chuyihuang.heroku.com/
http://newbieror.pixnet.net/blog

4. Who am I?

5. Firefox
O Mozilla Firefox，中文俗稱為「火狐」（被中
國官方使用但未註冊為商標[6]），是由Mozilla
基金會採用開放原始碼與社群共同開發的網頁
瀏覽器。可以在多種作業系統執行，原始碼以
GPL/LGPL/MPL三種授權方式釋出[7]。
O 2012年8月，Firefox在全球網頁瀏覽器市場上
占約23%，為第三大廣泛使用的網頁瀏覽器。
在各國家、地區之中，印度尼西亞、德國和波
蘭為Firefox佔有率最高的國家及地區，各佔
77.2%[8]、57.17%[9] 和51.68%[10] 的使用率。

6. Firefox
O 選擇使用Firefox的理由
O 版本更新速度快，最新網頁標準支援廣
O 支援各大小平台
O 內建網頁開發者工具
O 強大的firebug網頁除蟲工具
O 數以百計的開發者專用的網頁開發套件

7. Firefox
O 讓開發者一窺看不見的資訊,如
header,cache
O 開發者工具提供許多立即性變化的工具,如
javascript, css
O Css path selector的支援工具
O 3D顯示讓你找出layout的秘密
O 網頁主控台讓你掌握javascript的警告錯誤
O 多平台的檢視功能

8. Firefox
原本的方式…

9. Firefox

10. Firebug
Firebug是網頁瀏覽器Mozilla Firefox的一個
附加元件，是一個網頁開發工具，使用者可
以利用它除錯、編輯、刪改任何網站的CSS、
HTML、DOM、與JavaScript代碼。此外，
Firebug也提供Google Chrome的版本
「Firebug Lite」。Firebug由哈維（Joe
Hewitt）撰寫，也是Firefox創始者之一。
Firebug也提供附加元件的框架，例如 Yahoo!
的網頁速度優化建議工具YSlow、FireCookie、
FirePHP等。
wiki上的說明

11. Firebug - CSS

12. Firebug - Javascript

13. Firebug - Performance

14. Firefox Addons

15. Add-ons : Flagfox
Flagfox Live Http Header
Measureit Cache Clean button
ColorZilla Domain Hammer
FireFTP Clear

16. Q&A 交流時間