1、浏览器插件原理认识
使用的是web技术（html、css、JavaScript）
可以使用JavaScript调用浏览器内核提供的一些api
可以插入一段脚本到目标网页（特定的某个网页，如vue-tools插件；所有网页）中
插件具体能操作哪些网页的行为由你配置的规则决定
插件的各组成部件需要使用JavaScript进行通信
2、浏览器插件程序组成之清单文件manifest.json
该文件是插件的清单配置文件，用于指定插件的各种信息和行为特征
该文件必不可少
该清单文件只能有一个
3、浏览器插件程序组成之后台脚本文件background script
它在插件启动自动执行
它允许在Chrome浏览器的内存中
它的生命周期和Chrome浏览器一样，随着浏览器关闭而关闭，当然，停止插件时自然也是会关闭的
它用于监听管理整个Chrome插件
它可以定义多个
4、浏览器插件程序组成之目标网页插入脚本文件content script
它会根据指定的规则插入到指定的目标网页中
它指定的规则不同插入的目标网页不同
它可以指定插入脚本何时执行
它可以共享目标网页的document
它可以定义多个
5、浏览器插件程序组成之插件弹出网页popup
它是一个弹出页面
它是在你点击浏览器上的插件按钮时弹出
它就是一个html页面，可以书写html能书写的全部内容
它里面可以包含JavaScript
它里面的JavaScript可以调用background script里面的代码
6、浏览器插件程序之各组成部分数据传递原理
插件的各个组件之间可以进行通信，传递从目标网页哪里截取到的信息
7、使用notepadd文本编辑器编辑好如上几个文件，放入同一文件夹下
8、在360极速浏览器地址栏输入chrome://extensions/进入浏览器插件管理界面，点击加载以解压的扩展程序，选择你插件所在的文件夹，点击确定即可完成插件的按照
9、点击右上角刚刚安装的插件的图标，你的插件就可以运行了！
