Chrome 扩展程序：当用户访问特定页面时向远程 API 发送请求

Question

我不确定要使用哪些 Chrome API 以及如何使用它们：

1. 读取特定域名上的页面内容（例如，仅在 URL 包含 google.com 时触发）
2. 向远程服务器发送请求并取回数据

Chrome 扩展程序开发页面令人困惑并且感觉不完整，如果您对此有帮助，将不胜感激。

Answer 1

首先，您应该了解 Chrome 扩展程序的 the basic of manifest file。 然后要编写一个能够满足您要求的扩展程序，您可以：

读取特定域名上的页面内容（例如，仅在 URL 包含 google.com 时触发）

有了这个，你可以使用 Content Script:

1. 编写一个 JS 脚本（或 CSS 也可以）
2. 更新 manifest 文件中的内容脚本配置以在访问特定域名时加载 JS 脚本

向远程服务器发送请求并取回数据

你必须：

1. 更新清单文件中的 permissions section 以允许访问远程服务器，例如：

{
    ...
    permissions: [
        "*://yourremoteserver.com/*" // Read the doc for more detail how to request permission to call request into a server
    ]
    ...
}

2. 只有后台脚本允许您将 API 请求发送到远程服务器，因此如果您想做一些事情，例如：读取特定域名上的页面内容，然后将该页面中的数据发送到您的远程服务器，您必须创建一个 messaging flow 以将消息从内容脚本发送到后台脚本，然后您可以使用 fetch API 将请求发送到您的远程服务器。