Chrome Extension 架構
1.Manifest - 安裝檔
2.HTML / CSS - UI介面
3.JavaScript - 套件腳本
4.其他檔案 - Images、Font Family......
基本上就是一個 Web pages app
JavaScript
主要分為四種腳本，事件腳本、彈出視窗腳本、內容腳本、小學生
事件腳本 Event Scripts：
描述擴充功能的執行階段
能夠監聽各種 API 所提供的事件，並且在背景進行長時間的運作
彈出視窗腳本 Popup Scripts：
描述擴充功能的執行階段
作為資源在 HTML 中載入，所以也只運行在開啟狀態的 HTML 內，所以無法監聽 HTML 外的事件
內容腳本 Content Scripts：
描述網頁環境的執行階段，而不是擴充功能的執行階段
可視為使用者瀏覽網頁的一部份，所以相比前面兩個腳本，API 的存取相當有限，但是內容腳本能夠操作及維護使用者載入的網頁，這是其他兩個腳本做不到的事情
三個腳本的API存取權自由度由大到小： 事件腳本 > 彈出視窗 > 內容腳本
而我現在是要使用 Popup Scripts 這個組件，用來取得輸入框的值後判斷程式所要進行的動作
匯入 JavaScript 檔
判斷輸入的資料型態，如果是數字則回傳 True，文字則回傳 False，用於區隔用號碼搜尋以及關鍵字搜尋，並且可輸入指令
判斷取得輸入值後所要進行的動作
判斷送出鈕被點擊後所要進行的事件
達人
