iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 1
4
Modern Web

Chrome Extension 開發與實作系列 第 1

Chrome Extension 開發與實作 01-開始之前

目標

  • 首先假定你已經熟悉Web開發所需的基礎知識。
  • 接下來我們會了解Chrome Extension是什麼,熟悉他的組成零件及架構。
  • 進一步,我們會比較詳細的探討Chrome提供給Extension開發者的功能以及限制(API)。
  • 最後我們會開發,並且正式發佈一個Chrome Extension。

學習資源

官方教程:https://developer.chrome.com/extensions (建議閱讀順序)

簡體版文件(非官方):https://crxdoc-zh.appspot.com/extensions/ (建議閱讀順序)

電子書 http://www.apress.com/us/book/9781484217740

Creating  Google Chrome Extensions
Learn how to create great extensions for Google’s popular Chrome browser
by Prateek Mehta

文章中會許多引用官網跟上面這本書籍的內容,我會儘量載明出處。
電子書中的source code:https://github.com/apress/creating-google-chrome-extensions

如果研究過程中發現什麼其他值得參考的資源,也會回到這裡補上。

Chrome Eextension 至今發展現況

  • 2010年釋出:

    • 是個Framework,他讓Web開發者使用已知的技術,在Browser上增加功能。

    • 許多使用WebKit引擎的Browser在都使用這個Framework( 例如: Safari, Mozilla Firefox)。

  • 2010年2月,超過兩千個extensions在Web Store上架

  • 2014年9月,已超過三萬個extensions

  • 2016年3月,許多Chrome的User,重度的依賴這些extension來完成他們的工作,下列是受歡迎的extension安裝清單:

    • Adblock Plus—10,000,000+ users

    • AddThis: Share & Bookmark—600,000+ users

    • Awesome Screenshot: Capture & Annotate—900,000+ users

    • Evernote Web Clipper—4,500,000+ users

    • Google Dictionary—3,000,000+ users

    • Google Translate—6,000,000+ users

    • Hangouts—6,500,000+ users

    • LastPass: Free Password Manager—4,000,000+ users

    • Photo Zoom for Facebook—1,500,000+ users

    • Pin It Button—10,000,000+ users

釐清一些事情

  • Chrome Extension不是 Chrome Plug-ins

    • Chrome Extension 可以被想成是一個讓使用者下載到電腦裡執行的軟體。只是他使用的是Web的技術,以及可以取存及控制一些Browser的功能。

    • Plug-ins:是為了讓Browser可以支援不同的媒體類型,例如Flash。 

  • Chrome Extension 不是 Chrome APPs

參考資料 


下一篇
Chrome Extension 開發與實作 02-官網導讀:快速打造一個chrome extension
系列文
Chrome Extension 開發與實作30

尚未有邦友留言

立即登入留言