Chrome Extension 入門 - 一小時 Chrome Extension 就上手 (1/?)

對於 Chrome Extension 有興趣，卻又擔心太難而學不會的朋友。
這篇就來告訴你需要會哪些技能？
然後一步一步的教導你如何開發第一個 Chrome Extension。

Part I - 我需要學會哪些東西？

1. 安裝 Google Chrome 瀏覽器。
https://www.google.com/intl/zh-TW/chrome/browser/
2. 略懂 Javascript, HTML, CSS。
http://www.w3schools.com/

Part II - 開發第一個 Chrome Extension

其實官方網站就有 Getting Started: Building a Chrome Extension 的教學
官方英文版: https://developer.chrome.com/extensions/getstarted.html
中文版: https://crxdoc-zh.appspot.com/extensions/getstarted.html

你可以選擇官方版本來實作你的第一個 Chrome Extension，也可以依照下列步驟來完成。

step 1. 下載 InsertCSS 的範例程式
https://github.com/jzlin/chrome-extension-insert-css

step 2. 解壓縮
將下載的 chrome-extension-insert-css-master.zip 解壓縮到你想放的位置即可。

step 3. 啟用 Chrome 瀏覽器開發者模式
開啟 chrome://extensions/ 後，將「開發著模式」選項打勾。

step 4. 載入 InsertCSS 專案
在 chrome://extensions/ 頁面點選「載入未封裝擴充功能」，選擇 step 2 解壓縮後的資料夾。

step 5. 執行 InsertCSS Chrome Extension
開啟 https://www.google.com.tw ，然後點選 Chrome 瀏覽器又上方的 InsertCSS 按鈕。

總結：

有沒有發現畫面上不一樣了呢？ 做到這裡，你應該可以了解怎麼開始開發一個 Chrome Extension 了。
如果你有任何問題，歡迎在下面留言。