什么是扩展程序?

扩展程序是用于自定义浏览体验的小型软件程序。通过 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"
    }
  }
}

最后一步是在本地机器上安装该扩展程序。

  1. 在浏览器中前往 chrome://extensions。您也可通过以下方式访问此页面:点击多功能框右上角的 Chrome 菜单,将鼠标悬停在更多工具上,然后选择扩展程序
  2. 选中开发者模式旁边的复选框。
  3. 点击 Load Unpacked Extension,然后选择“Hello Extensions”扩展程序的目录。

恭喜!您现在可以使用基于弹出式窗口的扩展程序,只需点击 hello_world.png 图标或按键盘上的 Ctrl+Shift+F 即可。

下一步做什么?

  1. 按照入门教程操作
  2. 阅读概览
  3. 阅读 Chromium 博客,掌握最新动态
  4. 订阅 chromium-extensions 群组