材料：js 污秆，html 劈猪，css ，dom 良拼，window
工具：W3C school , google ,webstrom ,chrome
架構(gòu)講解： chrome插件 主要作用就是二次控制網(wǎng)頁战得，通過控制當(dāng)前網(wǎng)頁，去擴展任何你想要的功能庸推。
chrome 插件 有三大運行空間
- N 原生的網(wǎng)頁的運行空間,在此空間里常侦，你擁有js（content_script）的文件，去控制當(dāng)前網(wǎng)頁并且與其他空間進(jìn)行通訊贬媒。
- S插件圖標(biāo)觸發(fā)的 網(wǎng)頁空間（poup.html自帶獨立的js) 這個空間是很獨立的刮吧，他的主要作用就是向用戶展示控件的操作的菜單和信息展示，當(dāng)次空間獲得瀏覽器的焦點的時候掖蛤，原生的空間就失去焦點
- B看不到的background.js運行空間杀捻，全局只有一個，不管你打開多少網(wǎng)頁，都會有且只有一個這樣的空間致讥，這意味著此空間的的數(shù)據(jù)和函數(shù) 都是單例模式 仅仆。這個空間是插件的邏輯指令和數(shù)據(jù)交換的核心。
他們之間關(guān)系 通過s 展示操作選項 -> 傳送操作數(shù)據(jù)到B ,B處理邏輯 并且控制指令發(fā)送-> 接受b指令做處理垢袱，并且 控制監(jiān)控處理原生網(wǎng)頁 —>B 接受反饋 墓拜，再次處理邏輯，發(fā)送指令-> N 或B请契。咳榜。。爽锥。涌韩。。
