chrome浏览器技巧:制作chrome扩展程序实例详解

2012-06-25 01:15:18  来源:崔凯的博客 

Webjx介绍:如何制作chrome扩展程序.

简单实现了一个 chrome 的扩展,方法如下:
首先新建一个文件夹,用编辑器写一个文件名为 manifest.json 的文件:

{
"name": "抓猫!",
"version": "1.0",
"description": "你能抓住她吗?",
"browser_action": {
"default_icon": "icons/icon_19.png",
"popup": "files/game.html"
},
"icons": {
"16": "icons/icon_16.png",
"19": "icons/icon_19.png",
"32": "icons/icon_32.png",
"48": "icons/icon_48.png",
"128": "icons/icon_128.png"
}
}

这其中,如果需要多语言支持的话,可以添加default_locale,并将name&description字段修改为:

{
"name": "__MSG_name__",
"description": "__MSG_description__",
"default_locale": "zh_CN"
}

并在插件目录下添加 _locales 目录,内置语言文件,如图所示:

这其中 messages.json 内容如下:

{
"name": {"message": "Catch Cat!"},
"description": {"message": "Can you catch it ?"}
}

插件主程序完成后,直接编写插件所调用的html就可以了 “popup”: “files/game.html”
调试时,可以勾选chrome浏览器扩展程序里面的“开发人员模式”,载入正在开发的扩展程序即可。

开发完成后,使用浏览器打包扩展程序,就可以发给朋友们玩了。欢迎下载体验:
http://uicss.cn/test/catch-cat.crx

更多