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

  • 246 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
246
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
2
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Firefox網站開發的外掛套件
  • 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. Who am I?
  • 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. Firefox O 選擇使用Firefox的理由O 版本更新速度快,最新網頁標準支援廣O 支援各大小平台O 內建網頁開發者工具O 強大的firebug網頁除蟲工具O 數以百計的開發者專用的網頁開發套件
  • 6. FirefoxO 讓開發者一窺看不見的資訊,如 header,cacheO 開發者工具提供許多立即性變化的工具,如 javascript, cssO Css path selector的支援工具O 3D顯示讓你找出layout的秘密O 網頁主控台讓你掌握javascript的警告錯誤O 多平台的檢視功能
  • 7. Firefox原本的方式…
  • 8. Firefox
  • 9. FirebugFirebug是網頁瀏覽器Mozilla Firefox的一個附加元件,是一個網頁開發工具,使用者可以利用它除錯、編輯、刪改任何網站的CSS、HTML、DOM、與JavaScript代碼。此外,Firebug也提供Google Chrome的版本「Firebug Lite」。Firebug由哈維(JoeHewitt)撰寫,也是Firefox創始者之一。Firebug也提供附加元件的框架,例如 Yahoo!的網頁速度優化建議工具YSlow、FireCookie、FirePHP等。wiki上的說明
  • 10. Firebug - CSS
  • 11. Firebug - Javascript
  • 12. Firebug - Performance
  • 13. Firefox Addons
  • 14. Add-ons : FlagfoxFlagfox Live Http HeaderMeasureit Cache Clean buttonColorZilla Domain HammerFireFTP Clear
  • 15. Q&A 交流時間