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

第二步，安装扩展

安装步骤：

打开Chrome浏览器。

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

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

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

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

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

实验环境：

Windows 7 Profressional (64位)

Chrome 56.0.2924.87