What are extensions?(什么是扩展？)

本页面简要介绍了 Chrome 扩展程序，并逐步介绍了“Hello, World!”的创建过程。延期。

# About extensions(关于扩展)

扩展程序是自定义浏览体验的小型软件程序。它们让用户可以通过多种方式定制 Chrome 的功能和行为，提供以下内容：

  • 生产力工具
  • 网页内容丰富
  • 信息聚合
  • 乐趣和游戏

这些只是扩展可以做的许多事情的几个例子。请参阅 Chrome Web Store以查看数千个已发布扩展程序的不同示例。

# How do extensions work?(扩展如何工作？)

扩展建立在诸如 HTML、JavaScript 和 CSS 之类的 Web 技术之上。它们在单独的沙盒执行环境中运行并与 Chrome 浏览器交互。

扩展允许您通过使用 API 修改浏览器行为和访问 Web 内容来“扩展”浏览器。扩展通过最终用户 UI 和开发人员 API 进行操作：

扩展用户界面 这为用户提供了一种一致的方式来管理他们的扩展。

扩展 API 扩展 API（extensions APIs） 允许扩展的代码访问浏览器本身的功能：激活选项卡、修改网络请求等。

要创建扩展程序，您需要组合构成扩展程序的一些资源——清单、JavaScript 和 HTML 文件、图像等。对于开发和测试，您可以使用扩展开发者模式（extension developer mode）将这些“解压”加载到 Chrome 中。一旦您对您的扩展程序感到满意，您就可以将其打包并分发给用户。

# How do users get extensions?(用户如何获得扩展？)

大多数 Chrome 用户从 Chrome Web Store获得扩展程序。世界各地的开发人员在 Chrome 网上应用店中发布他们的扩展程序，在那里进行审查并向最终用户提供。

某些组织使用企业策略（enterprise policies）在其用户的设备上安装扩展程序。这些扩展程序可以从 Chrome 网上应用店获取或托管在组织的网络服务器上

您可以通过 Chrome Developer Dashboard 分发您的扩展程序，将它们发布到 Chrome Web Store。有关详细信息，请参阅 Chrome 网上应用店开发人员文档developer documentation。

# A note about extensions policy（关于扩展政策的说明）

Chrome 网上应用店中的扩展程序必须遵守 Chrome Web Store policies。在开始时，请记住以下几点：

  • 扩展必须满足一个定义狭窄且易于理解的单一目的(single purpose)。单个扩展可以包含多个组件和一系列功能，只要一切都有助于实现一个共同的目的。

    58

  • 用户界面应该是最小的并且有意图。它们的范围可以从简单的图标（例如上面显示的 AMP 验证器扩展（AMP validator））到打开一个带有表单的新窗口，例如下面显示的 Google 类似页面扩展（Google Similar Pages）。

    59

# Hello extensions(你好扩展)

使用这个快速的 Hello Extensions 示例向扩展迈出一小步。首先创建一个新目录来存储扩展的文件，或从示例页面下载它们。

接下来，添加一个名为 manifest.json 的文件并包含以下代码：

{
  "name": "Hello Extensions",
  "description": "Base Level Extension",
  "version": "1.0",
  "manifest_version": 3
}

每个扩展都需要一个清单，尽管大多数扩展只使用清单不会做太多事情。对于此快速入门，扩展程序在操作action字段下声明了一个弹出文件和图标：

{
  "name": "Hello Extensions",
  "description": "Base Level Extension",
  "version": "1.0",
  "manifest_version": 3,
  "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": 3,
  "action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_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 来使用基于弹出窗口的扩展程序。

# What next?

  1. 遵循入门教程 Getting Started tutorial
  2. 探索扩展示例 extension samples
  3. 订阅 Chromium-extensions Google 群组 chromium-extensions Google group

By.一粒技术服务.

results matching ""

    No results matching ""