翻阅 Google Reader 的时候,看到 霍凯这篇文章 ,又去看了官方的文档于是就发生了以下的事。
正如 霍凯 那篇文章中所说,开发一个 Chrome 扩展,首先,需要建立一个文件夹,新建一个 manifest.json 文件:

{
 "name": "Tonton's Pet Snake!",
 "version": "0.1",
 "description": "Gready Snake like game",
 "browser_action": {
 "default_icon": "icons/icon_19.png",
 "default_popup": "files/popup.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"
 }
}

相信这些字段都不用解释了,故名则知意。
接下来就是准备好你的 icon ,当然你也可以不必放这么多大小的图标,如下所示去掉后面的 icons 完全不会有问题,只是某些情况下,你的应用程序图标会不太好看而已。

 

{
 "name": "Tonton's Pet Snake!",
 "version": "0.1",
 "description": "Gready Snake like game",
 "browser_action": {
 "default_icon": "icons/icon.png",
 "default_popup": "files/popup.html"
 }
}

然后就是前端最普通的工作了,编辑你的 popup.html ,添加各种事件,行为等等。
如果需要测试,打开 chrome://settings/extensions
勾选 “Develpoer mode” 然后点击 “Load unpacked extension...” 选择你之前新建的扩展文件夹即可。
如果开发完成,那就点击 “Pack extension” 将你的扩展打包。打包的时候,会让你选择扩展目录和密钥文件,扩展目录即你之前 Load 的那个,密钥文件(xxx.pem)的话是用于之后更新扩展所用,第一次打包时不用选择,第一次打包完成后,请将这个文件保存好,下次更新时需要用到。
如此便完成了简单的扩展的开发。
另外,360浏览器团队也翻译了 Google 的官方开发文档,需要的朋友可以前去查看:360翻译的开发文档
附上我的第一个 Chrome 扩展,也是我的第一个 js 游戏作品:
墩墩的宠物蛇(贪吃蛇类游戏)Tonton's snake