什么是扩展程序?

扩展程序是一些用于自定义浏览体验的小型软件程序。它们让用户可以 根据个人需求或偏好定制 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"
    }
  }
}

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

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

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

接下来该怎么做?

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