制作一个简单的Chrome扩展程序

Chrome扩展程序主要由一些JSON、HTML、JavaScript、Images文件组成(UTF-8编码)，再将它们打包成一个zip压缩文件(扩展名为.crx)即可。下边为一个简单的示例，演示了Chrome扩展程序的制作和打包过程。

1.文件准备

在磁盘任意位置建立一个新的文件夹用于存放我们的Chrome扩展程序，例如F:\GoToGoogle，然后放入下边两个文件：

manifest.json：

{
	"name": "GoToGoogle",
	"version": "1.0",
	"description": "Goto Google when open Baidu.",
	"content_scripts": [
		{
			"matches": ["http://*.baidu.com/*"],
			"js": ["GoToGoogle.js"]
		}
	]
}

GoToGoogle.js：

if(confirm("GoTo g.cn?"))document.location.href="http://g.cn/";

说明：manifest.json是一个json文件，相当于Chrome扩展程序的配置文件，这个文件在每个Chrome扩展程序都必须存在。

2.扩展程序打包

使用Chrome浏览器我们就能完成扩展程序的打包工作。在Chrome浏览器中打开扩展程序页面管理页面(chrome://extensions/)，先载入正在开发的扩展程序，再打包扩展程序即可。流程如下图所示：

预览效果：

参考资料

·官方文档：http://code.google.com/chrome/extensions/overview.html

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

制作一个简单的Chrome扩展程序

评论（0）