2015年7月10日 星期五

Chrome Extension 學習筆記

其實Chrome Extension並不算是太難學,用到的就是HTML和Javascript,然後學一下他的Framework,Framework也挺簡單的。
還有就是Chrome Extension API,Google有還滿完整的APP Sample Code可以看Sample ExtensionChrome 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下面顯示未讀信件的數字。