chrome浏览器技巧:制作chrome扩展程序实例详解
http://www.itjxue.com 2015-08-02 16:42 来源:未知 点击次数:
简单实现了一个 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