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