来自后台的 Chrome 扩展 URL

简介

有时，我们需要访问在 Chrome 后台运行的扩展程序的 URL。这些 URL 可以用于在扩展程序之间发送消息或执行某些操作，例如打开一个选项卡或注入 JS 代码。

本文将介绍如何通过 Chrome 扩展程序来生成后台 URL 并发送 GET/POST 请求。

生成后台 URL

为了生成后台 URL，我们可以使用 chrome.runtime.getURL(path) 方法。 这个方法会将 path 参数解析为一个完整的 Chrome 扩展 URL，可以用于后续的 AJAX 请求：

const url = chrome.runtime.getURL('path/to/resource');

发送 AJAX 请求

要发送 AJAX 请求，我们可以使用 jQuery 或原生 JavaScript。以下是 jQuery 的示例：

$.get(url, data, function(response) {
  console.log(response);
});

这里的 data 参数可选。我们可以将数据作为 URL 参数传递，也可以将其作为 POST 请求的主体提交。

以下是用原生 JavaScript 发送 POST 请求的示例：

const xhr = new XMLHttpRequest();
xhr.open('POST', url);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    console.log(xhr.response);
  }
};
xhr.send(JSON.stringify(data));

示例代码

以下是一个完整的示例代码，它从后台 URL 获取扩展程序的当前选项卡并返回其标题：

const url = chrome.runtime.getURL('get_current_tab_title');
$.get(url, function(response) {
  console.log('Current tab title:', response);
});

结论

通过后台 URL，我们可以在 Chrome 扩展程序之间轻松地共享数据和状态。请注意，为了保护用户的隐私，Chrome 限制了扩展程序之间的通信。因此，必须小心处理用户数据，并确保只共享必要的信息。