chrome扩展插件一：什么是chrome扩展插件

1 什么是chrome扩展插件？

扩展程序提供给用户对chrome的功能进行扩展。用户可以通过扩展程序来根据个人的需求和喜好定制开发一些chrome功能。这些程序开发是基于html,javascript及css等技术。

2 Hello Extensions

接着我们通过一个简单的例子介绍如何添加开发并安装扩展插件。
如下图所示，我们添加一个简单的功能。当点击图标Hi时，会弹出一个对话框。

为了完成上述功能，需要如下步骤：

1. 创建文件夹
2. 在1中创建的文件夹内建立manifest.json文件及所用到的资源
3. 编辑manifest.json
4. 在浏览器中添加插件

manifest.json 文件

 {
    "name": "Hello Extensions",
    "description" : "Base Level Extension",
    "version": "1.0",
    "manifest_version": 2,
    "browser_action": {
      "default_popup": "hello.html",
      "default_icon": "hello_extensions.png"
    },
    "commands": {
      "_execute_browser_action": {
        "suggested_key": {
          "default": "Ctrl+Shift+F",
          "mac": "MacCtrl+Shift+F"
        },
        "description": "Opens hello.html"
      }
    }
  }

文件中的几个关键配置如下：

default_popup：定义了一个html页面，这个页面就是弹出窗口所展示的页面。
default_icon： 定义了插件的图标
commands：定义了键盘操作，当我们输入快捷键Ctrl+Shift+F时，同样会展示出弹出的窗口

3 安装插件

1. 地址栏输入chrome://extensions，进入插件页面
2. 点击加载已解压的扩展程序，并选择刚才建立的文件夹

最终单击图标或者通过Ctrl+Shift+F可以看到一个弹出窗口

4 参考

https://developer.chrome.com/extensions