创建Chrome浏览器插件

这里尝试给大家描述一个最简单的插件(功能只有点击按钮触发弹窗)的创建过程并运行。

插件的详细属性可参看官方文档https://developer.chrome.com/extensions/getstarted。

创建插件相关文件

首先我们在磁盘任意目录下创建一个文件夹，命名是我们插件的名字。后面我们会在这个文件夹内创建以下几个必要的文件：

1.manifest.json

此文件相当于配置文件，里面存放此插件的相关信息。

官方说明如下：

This manifest is nothing more than a metadata file in JSON format that contains properties like your extension"s name, description, version number and so on. At a high level, we will use it to declare to Chrome what the extension is going to do, and what permissions it requires in order to do those things. 

所以我们首先创建一个manifest.json文件，将以下内容复制进去并保存：

{
  "manifest_version": 2,

  "name": "Getting started example",
  "description": "This extension shows a Google Image search result for the current page",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
  ]
}

这里的主要任务是创建一个最简单的插件并运行，所以上面每一样属性的意义我们在这里不说，大家可以参看官方文档。

2.icon.png

插件的图标，浏览器安装插件后会显示在浏览器上。我们这里是一个32*32像素的png图片，大家可以网上找一个也可以用画板画一个。

3.popup.html