如何开发chrome插件？

chrome作为前端开发的标准浏览器，拥有强大的功能，其中chrome插件就其中非常有用的工具！作为一名前端，开发一款好用的chrome插件也是一件非常有成就感的事！下面我就简单叙述一下如何开发！

1、一个简单的二维码插件目录，核心文件manifest.json，以下简称清单文件，这个文件是必须有的，其余的html、js、css、img等就根据需要来创建就可以了。

2、manifest.json介绍

必须配置的字段、以及常用的配置字段

defalut_popup必须指定html文件，另外html内不允许内联js（inlinejavascript），插件的开发和普通web开发是一样的，都是用html、js、css。除此之外扩展还提供很多强大的api，帮助我们丰富浏览器的扩展功能。

3、常用APIchrome.tabschrome.runtime可以监听和响应扩展生命周期的事件chrome.webRequestchrome.windowchrome.storagechrome.contextMenuschrome.devtoolschrome.extension

使用大多数的api要声明权限的,因为js中使用chromeAPI，所以示例中在permissions这个字段设置了tabs。

当然，清单的配置远不止这些，随着功能的强大，会看到更多的字段。

/extensions/manifest

4、代码编写完成后，打开扩展的界面，chrome://extensions.，勾选开发者模式，点击‘已解压的扩展程序’，选择开发好的文件夹，这样就成功添加上了扩展。

5、调试

示例中，扩展功能界面是以d窗形式展示，点击图标，右键审查元素即可。

6、打包与发布登录chrome应用商店/webstore/developer/dashboard/点击进去开发者信息中心添加压缩后的zip包按提示添加必填的信息，发布即可

一、新建插件

新建插件的 *** 作非常简单。只需要在微信开发者工具中新建小程序项目，并选择「建立插件快速启动模板」即可，开发者工具就会自动创建插件项目。

需要注意的是，新建项目时，需要确保选择的项目目录是空目录，否则不会显示「建立插件快速启动模板」选项。

提起插件式，我们首先想到的是firefox, 用过firefox的人都知道它是一个插件式程序。当一个功能需要，完全可以从网上下载一个插件后，重启后，就能使用。这个功能给我们带来许多的方便之处，这就是插件式程序的好处。

插件的本质在于不修改程序主体（平台）的情况下对软件功能进行拓展与加强，当插件的接口公开后，任何公司或个人都可以制作自己的插件来解决一些 *** 作上的不便或增加新功能，也就是真正意义上实现“即插即用”软件开发。

平台+插件软件结构是将一个待开发的目标软件分为两部分，一部分为软件的主体或框架，可定义为平台，这是预先编译后的程序。另一部分为功能或补充模块，可定义为插件。这个就是后来要进行安装的插件程序。

假设你的程序已经部署在用户的计算机上，并且能够正常运行了。但是有一天，用户打来电话——他们需要增加新的功能。确定了用户的需求后，你竟然发现原有的软件架构已经无法胜任新增任务的需求——你需要重新设计这个应用了！但问题是，就算你又用了一个开发周期完成了用户需要的应用，切不能保证用户的需求不会再次变更。也就是说，需求蔓延的可能性依然存在。因此，这种情况下插件架构更能显示出它的优越性。

---