本页面是 Chrome 应用平台文档(已于 2020 年弃用)的一部分。至少在 2025 年 1 月之前,使用 ChromeOS 的企业版和教育版客户仍可使用该功能。详细了解如何
迁移应用。
Web API
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
除了 chrome.*API 的情况下,扩展程序可以使用浏览器提供的所有 API 来实现
网页和应用。如果浏览器不支持您要使用的 API,您可以捆绑额外的 API
将 API 库导入您的扩展程序。
以下是扩展程序可以使用的 API 示例:
- 标准 JavaScript API
- 这些 API 就是您可以在
普通的 Web 应用
- XMLHttpRequest
- 使用 XMLHttpRequest 从一个或多个服务器请求数据。permissions 字段的
清单指定扩展程序可以向哪些主机发送请求。
- HTML 和其他新兴 API
Google Chrome 支持新型 HTML 功能以及其他新兴 API。这里介绍了一些
您可以使用的 API:
- 音频(教程)
- 应用缓存(教程)
- 画布(文章)
- 全屏(文章)
- 在 Chrome 应用中,用户无需提示用户或提供退出指令即可进入全屏模式。
HTML5 全屏要求在清单中获得
app.window.fullscreen
权限。正常
网页时,浏览器会拦截 ESC 键以退出指针锁定,以确保一致的转义
方法。这也是 Chrome 应用中的行为,除非
app.window.fullscreen.overrideEsc
权限用于使应用能够调用
对 keydown 和 keyup 事件调用 preventDefault
。
- 地理定位(教程)
- 本地存储(教程)
- 通知(教程)
- 指针锁定(教程)
- 在 Chrome 应用中,无需用户手势即可输入指针锁定,也无需提示用户或
提供退出指示。指针锁定需要清单中的
pointerlock
权限。
此外,系统也没有默认的退出行为。在普通网页中,浏览器会拦截 ESC 键
退出指针锁定。Chrome 应用中不存在此行为。
- 视频(教程)
- Web 数据库(教程)
请访问 html5rocks.com 了解 HTML5 信息、教程、互动式游乐场以及指向
其他资源
- Web API
您的扩展程序可以使用 Web API。CSS 功能(如过滤器、
动画和转换。下面这个示例展示了如何使用 WebKit 样式让界面旋转:
<style>
div:hover {
transform: rotate(360deg);
transition: all 1s ease-out;
}
</style>
- V8 API,例如 JSON
由于 JSON 是 V8 版本,因此您无需添加 JSON 库即可使用 JSON 函数。
- 捆绑库中的 API
如果您想使用浏览器未提供的库(例如 jQuery),您可以将
该库的 JavaScript 文件替换为您的扩展名。捆绑库在扩展程序中的工作方式
和在其他网页中执行的操作相同
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2012-09-17。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2012-09-17\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2012-09-17。"],[],[]]