Chrome Extension 開發入門篇 01 - Chrome Extension 是什麼？

開發 Chrome Extension 之前，要先了解什麼是 Chrome Extension？當然，也必須要知道 Chrome Browser 是什麼？如果您沒聽過 Chrome Browser，請您立即前往下載並安裝（網址：http://www.google.com/chrome），然後使用幾天後再回來看這篇文章。

知道什麼是 Chrome Browser 後，我們來看看 Chrome Extension 又是什麼東西？跟 Chrome Browser 有什麼關係？首先，開啓 Chrome 線上應用程式商店，您可以看到商店上主要分成『應用程式』、『擴充功能』和『主題』三大類別的產品。如圖１所示。

圖1. Chrome 線上應用程式商店

簡單的說明一下這三個類別：

1. 應用程式 (Chrome Apps)
   以網頁技術(如：HTML5、JavaScript、CSS)做成的 App，並提供像原生應用程式一樣的體驗，比 Web App 更為強大。
2. 擴充功能 (Chrome Extensions)
   以網頁技術(如：HTML5、JavaScript、CSS)修改或增強 Chrome Browser 的功能。
3. 主題 (Chrome Themes)
   單純改變 Chrome Browser 的外觀，不包含 HTML5、JavaScript 程式。

什麼情況下需要開發 Chrome Extension？

• 需要一個輔助工具，讓 Chrome Browser 有更好的操作體驗。
• 需要針對特定的幾個網頁增加功能或修改外觀。

Chrome Extension 能做到哪些事？

• 替換『書簽管理頁』、『歷史記錄頁』和『新分頁』，改成自己想要的畫面或功能。(三選一)
• 桌面通知。
• 存取 Bookmarks、Cookies、History、Tabs、Windows。
• 在 Developer Tools 中增加功能。
• 支援多國語言(i18n)。
• 取得或修改網頁內容(DOM)。
• 跨域資源共享(CORS)。
• 支援語音功能(tts)。

結語：

希望您看完這篇後，能了解 Chrome Extension 是什麼？ 什麼情況下需要開發它？ 它能做到哪些事？
如果您有問題，歡迎在下方留言。謝謝！