Chrome 扩展程序的开发与发布 手把手教你开发扩展程序

本文作者： 东方联盟 - chokcoco 。未经作者许可，禁止转载！
欢迎加入东方联盟 专栏作者。

关于 chrome 扩展的文章，很久之前也写过一篇。清除页面广告？身为前端，自己做一款简易的chrome扩展吧。

本篇文章重在分享一些制作扩展的过程中比较重要的知识及难点。

什么是 chrome 扩展程序

扩展程序是一些能够修改或增强 Chrome 浏览器功能的小程序。对于前端工程师而言，其最大的便利就是我们可以应用我们熟悉的 HTML、CSS 、 Javascript 等技术来制作扩展程序。

如下图所示，这些图标就是各种开发者提供的 chrome 扩展程序：

区分扩展与插件

很多人会误称扩展程序为插件，这里有必要区分一下。

“扩展” 和 “插件”，其实都是软件组件的一种形式，Chrome 只不过是把两种类型的组件分别给与了专有名称，一个叫 “扩展”，另一个叫 “插件”。

• 扩展（Extension）

指的是通过调用 Chrome 提供的 Chrome API 来扩展浏览器功能的一种组件，工作在浏览器层面，使用 HTML + Javascript 语言开发。比如著名的 Adblock plus。

• 插件（Plug-in）

指的是通过调用 Webkit 内核 NPAPI 来扩展内核功能的一种组件，工作在内核层面，理论上可以用任何一种生成本地二进制程序的语言开发，比如 C/C++、Delphi 等。比如 Flash player 插件，就属于这种类型。一般在网页中用 <object>或者<embed> 标签声明的部分，就要靠插件来渲染。

开发自己的扩展程序

OK，简单了解完什么是扩展程序后，下面我们来看看如何开发一款扩展程序。

当然，首先我们要搞清楚为什么我们需要扩展程序，它有什么作用呢？