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