烹饪 Chrome 插件 ，手把手全套教程(1)

材料：js ，html ，css ，dom ，window
工具：W3C school , google ,webstrom ,chrome

架构讲解： chrome插件 主要作用就是二次控制网页，通过控制当前网页，去扩展任何你想要的功能。

chrome 插件 有三大运行空间

1. N 原生的网页的运行空间,在此空间里，你拥有js（content_script）的文件，去控制当前网页并且与其他空间进行通讯。
2. S插件图标触发的 网页空间（poup.html自带独立的js) 这个空间是很独立的，他的主要作用就是向用户展示控件的操作的菜单和信息展示，当次空间获得浏览器的焦点的时候，原生的空间就失去焦点
3. B看不到的background.js运行空间，全局只有一个，不管你打开多少网页，都会有且只有一个这样的空间，这意味着此空间的的数据和函数 都是单例模式 。这个空间是插件的逻辑指令和数据交换的核心。

他们之间关系 通过s 展示操作选项 -> 传送操作数据到B ,B处理逻辑 并且控制指令发送-> 接受b指令做处理，并且 控制监控处理原生网页 —>B 接受反馈 ，再次处理逻辑，发送指令-> N 或B。。。。。。