第七屆 佳作

dev
Chrome Extension 學習筆記
xp200825

系列文章

DAY 1

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

開發 Chrome Extension 之前,要先了解什麼是 Chrome Extension?當然,也必須要知道 Chrome Browser 是什麼?如果您...

DAY 2

Chrome Extension 開發入門篇 02 - Chrome Extension 開發的基本功

發 Chrome Extension 需要一些基本功,只需要很基本的就可以了。 [*]了解 JSON 是什麼? 了解 HTML 的基本語法。 了解 CSS 的...

DAY 3

Chrome Extension 開發入門篇 03 - Chrome Extension 學習資源

在學習 Chrome Extension 開發時,除了閱讀官方的文件,也會尋找一些相關資源。這篇分享我平常在開發時會參考的網站。 學習資源 [*]Google...

DAY 4

Chrome Extension 開發入門篇 04 - Chrome Extension 開發環境介紹

Chrome Extension 的開發環境非常的簡單,只需要準備下面兩樣東西即可。 桌面版Chrome Browser (目前手機版尚未支援 Extens...

DAY 5

Chrome Extension 開發入門篇 05 - Chrome Extension 設定檔

[好讀版] 每一個 Chrome Extension 都會有一個 JSON 格式的設定檔(manifest.json),裡面會定義這個 Extension 的名...

DAY 6

Chrome Extension 開發入門篇 06 - Chrome Extension 彈出頁面

[好讀版] 彈出頁面是由 browserAction 或 pageAction 點擊按鈕後所開啟的一個小視窗,這個頁面與一般網頁相同,只是多了一些 Chrome...

DAY 7

Chrome Extension 開發入門篇 07 - Chrome Extension 選項頁面

[好讀版] 為了將 Chrome Extension 客製化,會需要提供一些選項讓使用者自行設定,而選項頁面就是為此而存在。 加入選項頁面的方法 Step 1....

DAY 8

Chrome Extension 開發入門篇 08 - Chrome Extension 後台頁面

[好讀版] 通常 Chrome Extension 需要一個長時間運行的腳本來管理狀態,那後台頁面就是因此而設立的。 當啟用 Extension 時,就會在背景...

DAY 9

Chrome Extension 開發入門篇 09 - Chrome Extension 事件頁面

[好讀版] 事件頁面的用途與後台頁面極為相似,最明顯的差異在於它的生命週期,事件頁面只在需要的時候載入進來,當事件頁面閒置時就會卸載,以便釋放記憶體與其他系統資...

DAY 10

Chrome Extension 開發入門篇 10 - Chrome Extension 內容腳本

[好讀版] 內容腳本的原文為 content scripts,所謂的 content 就是目前所開啟的網頁內容,那 content scripts 就是在目前開...