Chrome/extensions/hello

2010年10月29日 (五) 05:49的版本

创建你的第一个 Chrome Extension

1、创建 hello 目录

2、创建 manifest.json 文件

{
  "name": "Hello World",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png",
    "popup": "popup.html"
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
 }

3、拷贝一个 19x19 大小的 icon.png 文件到文件夹

4、创建 popup.html 文件，包含 CSS 和 JavaScript 代码，因文件有些长，直接拷贝了

5、将这三个文件打包成 hello.zip

6、通过 Chrome扩展开发控制台 上传打包文件，至少选择一个扩展类别和提供一个截图，提供一个 32x32 大小的图标。

7、安装并体验 Hello World

8、小结

与 Opera Extensions 的开发很类似，主要区别是 Chrome 采用 JSON 来描述元数据，而 Opera 采用 XML 格式。

• 

  已出现在Chrome扩展网站上

• 

  上传hello.zip

• 

  运行效果

<discussion>characters_max=300</discussion>