什么是扩展程序？

扩展程序是用于自定义浏览体验的小型软件程序。它们可让用户根据个人需求或偏好定制 Chrome 功能和行为。它们基于 HTML、JavaScript 和 CSS 等 Web 技术构建而成。

扩展程序必须实现一个明确定义且易于理解的单一用途。单个扩展程序可以包含多个组件和一系列功能，只要所有内容都朝着共同的目标努力即可。

浏览器栏中扩展程序图标的屏幕截图

用户界面应尽可能简洁且具有明确的意图。它们可以是一个简单的图标（例如上图所示的 Google Mail Checker 扩展程序），也可以是替换整个页面。

扩展程序文件会压缩到一个 .crx 软件包中，供用户下载和安装。这意味着，与普通 Web 应用不同，扩展程序不依赖于 Web 内容。

扩展程序通过 Chrome 开发者信息中心 分发，并发布到 Chrome 网上应用店。如需了解详情，请参阅应用店开发者文档。

Hello 扩展程序

通过这个简单的 Hello 扩展程序示例，初步了解扩展程序。首先，创建一个新 目录来存储扩展程序的文件，或者从示例页面下载这些文件。

接下来，添加一个名为 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. 点击加载已解压缩的扩展程序 ，然后选择“Hello 扩展程序”扩展程序的目录。

恭喜！现在，您可以通过点击 hello_extensions.png 图标或按键盘上的 Ctrl+Shift+F 来使用基于弹出式窗口的扩展程序。

接下来呢？

  1. 按照入门教程进行操作
  2. 阅读概览
  3. 阅读 Chromium 博客，了解最新动态
  4. 订阅 chromium-extensions 群组