如何创建一个 Chrome Apps 应用或扩展插件.docx

如何创建一个 Chrome Apps 应用或扩展插件 目前很多硬件软件厂商都在积极构建在线网络应用商店其中当然包括苹果 谷歌 微软 中国移动 甚至魅族 等等，谷歌曾在 Google I/O 开发者大会上宣布已经有程序员在为 ChromeOS 操作系统和 Chrome WebStore 浏览器应用商店开发应用，谷歌一直都在致力于减少网页云应用与桌面应用之间的差别，而最新的开发版 Chrome 浏览器也已经内置了 ChromeApps 的功能，这里提供一些代码让你能够快速的构建一个最简单的 Hello World 浏览器应用，及如何向线上的 ChromeWebStore 提交你的应用或插件…… 开启谷歌 Google Chrome Apps 应用功能 目前即使是开发版本的 Google Chrome 仍需要添加启动参数 –enable-apps –apps-panel 来开启浏览器应用功能和一个类似 Windows 开始菜单功能的 Chrome Panel 新标签页面板。更新：目前 7.0 的开发版已经不需要额外的参数即可启用 apps 模式…… 随开发版 Chrome Dev 提供的几个 Google Apps 应用 目前的开发版中 Google 已经提供了三个 Chrome Apps 的源文件位于浏览器的安装目录下 \Chrome\Application\6.?.???.?\Resources\ 里面有三个 Apps 的源文件包括 Gmail 邮箱 Calender 日历 Docs 文档 三个谷歌云服务开启 ChromeApps 功能之后再扩展页面打开“开发人员模式”就可以使用“载入正在开发的扩展程序”来分别载入这三个示例 Apps 应用非常简单其实就是提供一个地址入口而已，但未来的扩展性则非常让人期待； 开发一个简单的 Google Chrome Apps 应用 既然提供了三个示例源程序，我们可以依葫芦画瓢般的制作一个属于自己的 ChromeApp 例如我经常使用的 GoogleReader 阅读器需要做的是准备一个小图标用于在应用选项卡上显示，准备一个 manifest.json 做为应用的入口清单至于 manifest.json 的语法可参考 Chrome 插件的开发文档或者随 Chrome 提供的几个示例应用例如： { name: Google Reader, version: 1, icons: {128: 128.png, 24: 24.png}, permissions: [ notifications ], app: {launch: {web_url: /reader/}} }这样我的第一个 Hello World 式的 Chrome Apps 就制作好了，当然里面的地址可以是本地地址的也包括 JavaScript 和 CSS 这样看来制作浏览器应用的核心技术当然是 HTML + CSS + JavaScript 了最好是 HTML5 和 CSS3 使用 webkit 和 v8 的 Chrome 对于这两项新标准非常在行，哈哈这明显要比制作 Firefox 的插件要简单的多也更适合互联网工程师的参与要知道写 HTML 还是比写 C++ 的要多的多吧 ^_^ 下面看看截图的效果： 应用的页面看起来和网页没什么区别，我们本来就是要减少两者的区别，这种开发模式当然可以拓展到 WebQQ 甚至是植物大战僵尸等等，其实微软早在很久以前就提供了以 hta 格式文件来运行 html 的应用《如何利用 HTA 构建应用》只是当时的云服务还远远不够成熟而且 hta 将很多东西都限制的很死板，而现在借助 HTML5 新加入的大量功能我们可以自由的实现很多有意思的浏览器应用包括游戏（如 G/PacMan 等）更多开发资源可以访问 /intl/en/chrome/apps/ Google Installable Web Apps 即谷歌可安装网页应用的项目页面…… 一个 Chrome Apps or Extensions 开发完成之后是不是想分享给其他朋友使用，当然最好是提交到 ChromeWebStore 线上应用商店供所有的 Chrome 用户使用，这里有一个视频详细描述了如何提交自己的 Chrome 应用及扩展到 Chrome线上商店，包括设置免费及付费模式，而且 ChromeWebStore 提供多种付费模式而非 AppleAppStore 那种单一的付费模式： 如何上传你的应用到 Chrome 线上商店：How to upload your app to the Chrome Web Store 从视频中可以看出上传是非常方便的，而且期间可以通过选择已经通过 Google 站长工具验证过的网站来为插件打上验证标识。 教你