今天要來實作的作品為蕃茄鐘，由於chrome extension有背景處理、時間API、浮動視窗，根本就是一個很適合做番茄鐘的應用程式阿！所以我們就來一步一步完成番茄鐘吧

參考應用程式:蕃茄鐘

目標功能：

• 時間計算背景處理
• UI設定頁面(暫停,開始,停止,重新計算)
• 番茄鐘商業邏輯(根據維基百科)
  • 決定待完成的任務
  • 設定番茄工作法定時器至 n 分鐘（通常為25分鐘）。
  • 持續工作直至定時器提示,記下一個x。
  • 短暫休息3-5分鐘。
  • 每四個x，休息15-30分鐘。
• 番茄鐘記錄管理
• 利用option page去設計一個休息頁面

預計會使用到的API為:

\\計算時間與監控
chrome.alarms

\\右鍵選單
chrome.contextMenus

\\監控事件
chrome.events

\\後台功能
chrome.runtime 

\\管理chrome tab功能
chrome.tabs

\\設定文字與icon替換
chrome.browserAction

由於我們需要一個視窗來告訴使用者如何使用，所以要寫option page，所以現在來補介紹一下吧！

選項頁面(option page)

是chrome extension的第二個UI頁面功能，有分為整頁式(full page)或嵌入式(embedded)，主要看每個人的需求，常常看到是用來編輯extension的設定，讓使用者能客製化功能，而我們這次打算的功能應該是只有跳窗嚇嚇使用者，讓他們可以在當下暫停手邊工作好好放鬆。

延伸閱讀-選項頁面

今天整理了所有的資料與所需頁面的功能，接下來就開始開發吧！