随着技术的发展和用户需求的增加，Chrome应用开发逐渐成为开发者关注的焦点。Chrome应用，也称为打包应用，可以直接在电脑上运行，并且不依赖于互联网连接。这些应用被打包成.crx格式，这是一种特殊的ZIP归档文件，包含了应用运行所需的资源和一些必需的文件。用户可以通过在Chrome浏览器的地址栏输入"chrome://apps/"来查看所有已安装的Chrome应用。
Chrome扩展与Chrome应用在开发、打包和安装过程中非常相似，但扩展的主要功能是修改或扩展Chrome浏览器的功能。扩展可以通过添加按钮到扩展栏来提供快捷方式。用户可以通过在Chrome浏览器的地址栏输入"chrome://extensions"来查看所有已安装的Chrome扩展。本文主要介绍Chrome应用的开发，不涉及扩展。
要开发Chrome应用，需要满足以下条件：
Chrome应用的包中需要包含以下四个基本项：
manifest文件的名称应为manifest.json，其结构应如下所示：
{
"manifest_version": 2,
"name": "HelloWorldApp",
"short_name": "HelloWorldApp",
"description": "",
"version": "0.0.1",
"minimum_chrome_version": "38",
"icons": {
"16": "assets/icon_16.png",
"128": "assets/icon_128.png"
},
"app": {
"background": {
"scripts": ["background.js"]
}
}
}
上述JSON属性的解释如下：
建议背景脚本文件的名称为background.js，其结构应如下所示：
chrome.app.runtime.onLaunched.addListener(function(launchData) {
chrome.app.window.create('index.html', {
id: 'mainWindow',
bounds: {width: 800, height: 600}
});
});
当应用启动时，会触发chrome.app.runtime.onLaunched事件，并寻找启动HTML文件，本例中为index.html。bounds属性接受应用窗口的宽度和高度。
建议提供两种尺寸的图标，一种是16x16像素，另一种是128x128像素。如果只提供一种图标尺寸，则应为128x128像素，Chrome会根据需要进行缩放。它接受多种图像格式，但PNG格式最佳，因为它支持透明度。
这基本上是HTML、JavaScript、CSS文件和其他资产，如音频、视频等，这些都是应用包所需的。
使用了两种方式来开发、测试和运行Chrome应用：
第二种方式是创建新项目并在Chrome中启动的最简单方式。Google发布了一个名为Chrome Dev Editor的IDE，这个编辑器使Chrome应用的创建和运行变得容易。以下是创建项目和运行的步骤：
使用HTML、JavaScript和CSS开发Chrome应用与开发Web应用不同。在开发Chrome应用时，需要注意以下几点：
<script src="main.js"></script>
<body onload="onloadHandler()">
</body>
<div onclick="onClickHandler()">
</div>
如果使用的是Chrome Dev Editor，那么只需点击一下即可。点击编辑器左上角的运行按钮，构建就会启动。要手动启动Chrome应用，则需要按照以下步骤操作：