扩展程序是一些用于自定义浏览体验的小型软件程序。它们让用户可以 根据个人需求或偏好定制 Chrome 的功能和行为。它们是基于 Web 构建的 以及 HTML、JavaScript 和 CSS 等技术
扩展程序必须实现明确定义且易于理解的单一用途。答 单个扩展程序可以包含多个组件和一系列功能,前提是所有 都是为了实现共同目标
界面应尽可能精简且包含用户意图。它们可能只是一个简单的图标,例如 Google 邮件检查器扩展程序,可替换整个页面。
扩展程序文件会压缩到单个 .crx
软件包中,由用户下载并安装。这个
与普通的网络应用不同,扩展程序不会依赖于来自网络的内容。
扩展程序通过 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 群组