[Chrome Extension] 基本介紹-1

因為實習需要而開始接觸的chrome extension開發
在這邊做一些紀錄

參考資料：https://developer.chrome.com/extensions/overview

chrome extension是由HTML, CSS, JavaScript, images等檔案組合而成的一個可以讓Google chrome功能更豐富的擴充程式

在UI的部分分成browser actions和page actions。簡單來說，當這個extension會在很多個page上執行時，就使用browser actions；反之若是針對特定的某些page才要有行為的話，就用page actions。要注意的是，browser actions和page actions只能選一個用。

在呈現UI的部分也有很多種，像是按下去會跳出menu page，或是提供一個option page等。更詳細的內容可以參考Developer's Guide。

一個extension要包含：

• manifest.json
• HTML file
• JavaScript file (Optional)
• 其他你的extension需要用到的file，如images (Optional)

很多的extension有background.html，一個隱藏的HTML檔涵蓋主要的邏輯。分為兩種：persistent background pages和event pages。Persistent background pages顧名思義就是他一直開著；而event pages則是當需要的時候才會開。除非你需要你的background pages一直在執行，否則一般建議是用event pages。