扩展程序是用于自定义浏览体验的小型软件程序。通过 Cookie,用户可以根据个人需求或偏好自定义 Chrome 功能和行为。它们基于 HTML、JavaScript 和 CSS 等 Web 技术构建而成。
扩展程序必须实现单一用途,而且定义范围较小且易于理解。一个扩展程序可以包含多个组件和一系列功能,但前提是所有内容都有助于实现同一个目的。
界面应尽可能简洁且包含意图。范围可以是简单的图标(如上面显示的 Google 邮件检查工具扩展程序),也可以覆盖整个页面。
扩展程序文件会被压缩成单个 .crx
软件包,由用户下载并安装。这意味着,与普通的 Web 应用不同,扩展程序并不依赖于网络内容。
扩展程序会通过 Chrome 开发者信息中心分发并发布到 Chrome 应用商店。如需了解详情,请参阅商店开发者文档。
Hello 扩展程序
通过这个 Hello Extensions 快速示例,简单了解扩展程序。首先,创建一个新目录来存储扩展程序的文件,或者从示例页面下载这些文件。
接下来,添加一个名为 manifest.json
的文件,并包含以下代码:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
每个扩展程序都需要一个清单,但大多数扩展程序仅凭清单无法做很多事情。在本快速入门中,该扩展程序在 browser_action
字段下声明了一个弹出式文件和图标:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
请点击此处下载 hello_extensions.png
,然后创建一个名为 hello.html
的文件:
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
现在,点击该图标时,该扩展程序会显示 hello.html
。下一步是在 manifest.json
中添加用于启用键盘快捷键的命令。此步骤很有趣,但并非必需:
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
最后一步是在本地机器上安装该扩展程序。
- 在浏览器中前往
chrome://extensions
。您也可通过以下方式访问此页面:点击多功能框右上角的 Chrome 菜单,将鼠标悬停在更多工具上,然后选择扩展程序。 - 选中开发者模式旁边的复选框。
- 点击 Load Unpacked Extension,然后选择“Hello Extensions”扩展程序的目录。
恭喜!您现在可以使用基于弹出式窗口的扩展程序,只需点击 hello_world.png
图标或按键盘上的 Ctrl+Shift+F
即可。
下一步做什么?
- 按照入门教程操作
- 阅读概览
- 阅读 Chromium 博客,掌握最新动态
- 订阅 chromium-extensions 群组