系列文章
Chrome Extension 開發入門篇 01 - Chrome Extension 是什麼？
開發 Chrome Extension 之前，要先了解什麼是 Chrome Extension？當然，也必須要知道 Chrome Browser 是什麼？如果您...
Chrome Extension 開發入門篇 02 - Chrome Extension 開發的基本功
發 Chrome Extension 需要一些基本功，只需要很基本的就可以了。 [*]了解 JSON 是什麼？ 了解 HTML 的基本語法。 了解 CSS 的...
Chrome Extension 開發入門篇 03 - Chrome Extension 學習資源
在學習 Chrome Extension 開發時，除了閱讀官方的文件，也會尋找一些相關資源。這篇分享我平常在開發時會參考的網站。 學習資源 [*]Google...
Chrome Extension 開發入門篇 04 - Chrome Extension 開發環境介紹
Chrome Extension 的開發環境非常的簡單，只需要準備下面兩樣東西即可。 桌面版Chrome Browser (目前手機版尚未支援 Extens...
Chrome Extension 開發入門篇 05 - Chrome Extension 設定檔
[好讀版] 每一個 Chrome Extension 都會有一個 JSON 格式的設定檔(manifest.json)，裡面會定義這個 Extension 的名...
Chrome Extension 開發入門篇 06 - Chrome Extension 彈出頁面
[好讀版] 彈出頁面是由 browserAction 或 pageAction 點擊按鈕後所開啟的一個小視窗，這個頁面與一般網頁相同，只是多了一些 Chrome...
Chrome Extension 開發入門篇 07 - Chrome Extension 選項頁面
[好讀版] 為了將 Chrome Extension 客製化，會需要提供一些選項讓使用者自行設定，而選項頁面就是為此而存在。 加入選項頁面的方法 Step 1....
Chrome Extension 開發入門篇 08 - Chrome Extension 後台頁面
[好讀版] 通常 Chrome Extension 需要一個長時間運行的腳本來管理狀態，那後台頁面就是因此而設立的。 當啟用 Extension 時，就會在背景...
Chrome Extension 開發入門篇 09 - Chrome Extension 事件頁面
[好讀版] 事件頁面的用途與後台頁面極為相似，最明顯的差異在於它的生命週期，事件頁面只在需要的時候載入進來，當事件頁面閒置時就會卸載，以便釋放記憶體與其他系統資...
Chrome Extension 開發入門篇 10 - Chrome Extension 內容腳本
[好讀版] 內容腳本的原文為 content scripts，所謂的 content 就是目前所開啟的網頁內容，那 content scripts 就是在目前開...