如何开发Chrome系列浏览器插件

1、浏览器插件原理认识使用的是web技术（html、css、JavaScript）可以使用JavaS罕铞泱殳cript调用浏览器内核提供的一些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、点击右上角刚刚安装的插件的图标，你的插件就可以运行了！