如何制作chrome扩展程序
2012-05-08 15:54
197 查看
简单实现了一个 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浏览器扩展程序里面的“开发人员模式”,载入正在开发的扩展程序即可。
开发完成后,使用浏览器打包扩展程序,就可以发给朋友们玩了。
首先新建一个文件夹,用编辑器写一个文件名为 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浏览器扩展程序里面的“开发人员模式”,载入正在开发的扩展程序即可。
开发完成后,使用浏览器打包扩展程序,就可以发给朋友们玩了。
相关文章推荐
- 如何通过写一个chrome扩展启动本地程序
- 将 开源中国 在线工具 制作成chrome的扩展程序
- 如何开发Chrome扩展程序
- 如何开发Chrome扩展程序
- 如何开发Chrome扩展程序
- 如何开发Chrome扩展程序
- 如何通过组策略控制安装chrome扩展程序?
- 如何完全屏蔽Chrome的提示:"请停用以开发者模式运行的扩展程序"
- 如何在Chrome浏览器安装chrome应用商店外的第三方扩展程序
- 如何在 Chrome 浏览器安装 Web Store 外的第三方扩展程序
- 如何开发Chrome扩展程序
- 如何添加扩展程序(到chrome
- chrome如何添加扩展程序及登录
- 如何获取离线安装Chrome扩展程序的包
- VS2008 SP1制作安装程序时如何将.Net Framework3.5 SP1打包进去
- 谷歌浏览器chrome插件、扩展程序无法下载的解决方法
- 如何用RAR制作安装程序
- 开发chrome扩展程序
- Chrome扩展程序开发调试简明教程
- chrome添加来自其他网站的扩展程序