Chrome 56 扩展开发入门：Hello

第一步，新建扩展

首先新建一个空目录（如：chrome56-extension-hello），然后新建一个【manifest.json】文件，字符集必须是【UTF-8】，文件内容如下：

{
    "name": "helloChromeExtension",
    "version": "1.0",
    "manifest_version": 2,
    "description": "第一个Chrome扩展程序",
    "icons": {
        "48": "icon.png"
    },
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    }
}

新建一个【pupup.html】文件，内容如下：

<p>Hello, Chrome Extension!</p>

然后，复制一个png文件为【icon.png】，大小最好是48x48像素。

最终的文件列表如下：

+ chrome56-extension-hello
      icon.png
      manifest.json
      popup.html

第二步，安装扩展

安装步骤：

1. 打开Chrome浏览器。

2. 选择菜单【更多工具】⇒【扩展程序】。

3. 选中【开发者模式】，点击【加载已解压的扩展程序…】按钮，选中扩展程序所在的目录【chrome56-extension-hello】。

4. 扩展程序的图标会出现在地址栏后面，点击图标会显示【Hello, Chrome Extension!】。

5. 点击【打包扩展程序…】按钮，在【扩展程序跟目录】中输入【chrome56-extension-hello】目录的绝对路径，点击【打包扩展程序】按钮，即可做成安装包【chrome56-extension-hello.crx】。

这样，第一个扩展程序就完成了。

---

实验环境：

• Windows 7 Profressional (64位)
• Chrome 56.0.2924.87