其實Chrome Extension並不算是太難學,用到的就是HTML和Javascript,然後學一下他的Framework,Framework也挺簡單的。
還有就是Chrome Extension API,Google有還滿完整的APP Sample Code可以看Sample Extension和Chrome Extension Javascript API
1. Chrome Extension Icon Animation
最簡單的方式就是用很多張icon圖檔,然後一直去setIcon,就會像是動畫的樣子。
簡單範例:
參考來源:Make an animated Chrome extension icon?@stackoverflow
2. Desktop Notification
現在可已產生在桌面的浮動視窗,跟Alert那種視窗不太一樣。要在Chrome Extension中使用這個功能的話要在manifest.json的permission中加入notification。
(1) Chrome Extension API有提供一個Notification的API
參考來源:Google Calendar Checker by Google
(2) 本身W3C Javascript就有Notification的功能
參考來源:Chrome desktop notification example@stackoverflow
不過這兩個做出來的東西似乎會有一點不一樣。
3. Chrome Extension Icon Badge
Badge其實就是Chrome Extension Icon下面的文字,例如Google Mail Checker下面顯示未讀信件的數字。