Home »  工具妙用 » Chrome应用开发心得

Chrome 应用开发

写在之前

第一步:创建清单文件

每一个扩展程序、可安装的网络应用以及主题背景都有一个 JSON 格式的清单文件,名为 manifest.json,提供重要信息。 务必讲图片放置在指定目录中

{
  "name": "Hello World!",
  "description": "我的第一个 Chrome 应用。",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "icons": { "16": "1.png", "128": "2.png" }
}

第二步:创建后台脚本

>接着创建一个新文件 background.js,包含如下内容:

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'bounds': {
      'width': 400,
      'height': 500
    }
  });
});

在以上示例代码中,onLaunched 事件将会在用户启动应用时产生,接着它立刻为应用打开一个指定宽度与高度的窗口。您的后台脚本可以包含额外的监听器、窗口、传递消息及执行数据,这些都由事件页面使用,以管理应用。

第三步:创建窗口页面

创建您的window.html文件:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>Test Chrome App!</div>
  </body>
</html>

第四步:执行您的应用

启用标志

加载您的应用

选择工具 -> 扩展程序