0
Firefox網站開發的外掛套件
Who am I?Chuyi HuangSocial:chuyihuang@gmail.comhttps://twitter.com/chuyihuanghttps://www.facebook.com/huangchuyiBlog:http:...
Who am I?
FirefoxO Mozilla Firefox,中文俗稱為「火狐」(被中  國官方使用但未註冊為商標[6]),是由Mozilla  基金會採用開放原始碼與社群共同開發的網頁  瀏覽器。可以在多種作業系統執行,原始碼以  GPL/LGPL/MP...
Firefox     O 選擇使用Firefox的理由O 版本更新速度快,最新網頁標準支援廣O 支援各大小平台O 內建網頁開發者工具O 強大的firebug網頁除蟲工具O 數以百計的開發者專用的網頁開發套件
FirefoxO 讓開發者一窺看不見的資訊,如    header,cacheO   開發者工具提供許多立即性變化的工具,如    javascript, cssO   Css path selector的支援工具O   3D顯示讓你找出lay...
Firefox原本的方式…
Firefox
FirebugFirebug是網頁瀏覽器Mozilla Firefox的一個附加元件,是一個網頁開發工具,使用者可以利用它除錯、編輯、刪改任何網站的CSS、HTML、DOM、與JavaScript代碼。此外,Firebug也提供Google C...
Firebug - CSS
Firebug - Javascript
Firebug - Performance
Firefox Addons
Add-ons : FlagfoxFlagfox       Live Http HeaderMeasureit     Cache Clean buttonColorZilla    Domain HammerFireFTP       Cl...
Q&A 交流時間
Firefox firebug & plugins for 愛創小小聚12 月
Upcoming SlideShare
Loading in...5
×

Firefox firebug & plugins for 愛創小小聚12 月

279

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
279
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Firefox firebug & plugins for 愛創小小聚12 月"

  1. 1. Firefox網站開發的外掛套件
  2. 2. Who am I?Chuyi HuangSocial:chuyihuang@gmail.comhttps://twitter.com/chuyihuanghttps://www.facebook.com/huangchuyiBlog:http://chuyihuang.heroku.com/http://newbieror.pixnet.net/blog
  3. 3. Who am I?
  4. 4. FirefoxO Mozilla Firefox,中文俗稱為「火狐」(被中 國官方使用但未註冊為商標[6]),是由Mozilla 基金會採用開放原始碼與社群共同開發的網頁 瀏覽器。可以在多種作業系統執行,原始碼以 GPL/LGPL/MPL三種授權方式釋出[7]。O 2012年8月,Firefox在全球網頁瀏覽器市場上 占約23%,為第三大廣泛使用的網頁瀏覽器。 在各國家、地區之中,印度尼西亞、德國和波 蘭為Firefox佔有率最高的國家及地區,各佔 77.2%[8]、57.17%[9] 和51.68%[10] 的使用率。
  5. 5. Firefox O 選擇使用Firefox的理由O 版本更新速度快,最新網頁標準支援廣O 支援各大小平台O 內建網頁開發者工具O 強大的firebug網頁除蟲工具O 數以百計的開發者專用的網頁開發套件
  6. 6. FirefoxO 讓開發者一窺看不見的資訊,如 header,cacheO 開發者工具提供許多立即性變化的工具,如 javascript, cssO Css path selector的支援工具O 3D顯示讓你找出layout的秘密O 網頁主控台讓你掌握javascript的警告錯誤O 多平台的檢視功能
  7. 7. Firefox原本的方式…
  8. 8. Firefox
  9. 9. FirebugFirebug是網頁瀏覽器Mozilla Firefox的一個附加元件,是一個網頁開發工具,使用者可以利用它除錯、編輯、刪改任何網站的CSS、HTML、DOM、與JavaScript代碼。此外,Firebug也提供Google Chrome的版本「Firebug Lite」。Firebug由哈維(JoeHewitt)撰寫,也是Firefox創始者之一。Firebug也提供附加元件的框架,例如 Yahoo!的網頁速度優化建議工具YSlow、FireCookie、FirePHP等。wiki上的說明
  10. 10. Firebug - CSS
  11. 11. Firebug - Javascript
  12. 12. Firebug - Performance
  13. 13. Firefox Addons
  14. 14. Add-ons : FlagfoxFlagfox Live Http HeaderMeasureit Cache Clean buttonColorZilla Domain HammerFireFTP Clear
  15. 15. Q&A 交流時間
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×