1 什么是chrome扩展插件？

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

2 Hello Extensions

接着我们通过一个简单的例子介绍如何添加开发并安装扩展插件。

如下图所示，我们添加一个简单的功能。当点击图标Hi时，会弹出一个对话框。

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

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

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 安装插件

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

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

4 参考

/extensions