简单的chrome extension,参考[url=http://code.google.com/chrome/extensions/getstarted.html]Getting Started[/url]
在新建的文件夹下有如下三个文件:
[list]
[*]manifest.json
[*]icon.png
[*]popup.html
[/list]
icon.png是显示在chrome工具的图标,popup.html是弹出窗口的显示,而manifest.json是chrome extension的配置文件,指定图标,内容文件等。
[b]manifest.json[/b]的内容如下:
browser_action说明这个扩展是一个[i]browser action[/i]。[b]manifest.json[/b]完整格式请参考:[url]http://code.google.com/chrome/extensions/manifest.html[/url]
用chrome打开[url]chrome://extensions/[/url],即chrome扩展程序页面,点击按钮"载入正在开发的扩展程序",在文件窗口中选择如上扩展程序所在文件夹即可。chrome将载入正在开发的extension。在该页面中可以打扩展程序,可以重新加载或卸载正在开发的extension.
[img]http://dl.iteye.com/upload/attachment/380154/12673b2f-be43-3ff2-aa53-20dab4885145.png[/img]
在新建的文件夹下有如下三个文件:
[list]
[*]manifest.json
[*]icon.png
[*]popup.html
[/list]
icon.png是显示在chrome工具的图标,popup.html是弹出窗口的显示,而manifest.json是chrome extension的配置文件,指定图标,内容文件等。
[b]manifest.json[/b]的内容如下:
{
"name": "My First Extension",
"version": "1.0",
"description": "The first extension that I made",
"browser_action": {
"default_icon": "icon.png",
"popup": "popup.html"
},
"permissions": [
"http://api.flickr.com/"
]
}
browser_action说明这个扩展是一个[i]browser action[/i]。[b]manifest.json[/b]完整格式请参考:[url]http://code.google.com/chrome/extensions/manifest.html[/url]
用chrome打开[url]chrome://extensions/[/url],即chrome扩展程序页面,点击按钮"载入正在开发的扩展程序",在文件窗口中选择如上扩展程序所在文件夹即可。chrome将载入正在开发的extension。在该页面中可以打扩展程序,可以重新加载或卸载正在开发的extension.
[img]http://dl.iteye.com/upload/attachment/380154/12673b2f-be43-3ff2-aa53-20dab4885145.png[/img]