我正在构建一个扩展以与 Gmail 集成，并通过将 gmail.js 注入页面上下文来与 Gmail 集成，如下所示：https://github.com/KartikTalwar/gmail-chrome-extension-boilerplate/blob/master/content.js
这似乎是利用 Google 嵌入页面的一些全局变量的唯一明显方式。
所以现在，我需要回到扩展程序的一些功能上。在正常情况下（从内容脚本操作），我会向后台脚本发送一条消息，但这甚至可以从选项卡本身的上下文中实现吗？
【问题讨论】：
标签： javascript google-chrome google-chrome-extension gmail
页面上下文脚本确实不能使用 Chrome API。
但是，它可以调度内容脚本可以捕获的 DOM 事件。
文档here 中有一个示例。除了使用window.postMessage，您还可以使用dispatch custom events。
因此，您需要使内容脚本像页面上下文和背景之间的代理一样工作。大致如下：
// Content script
//Listen for the event
window.addEventListener("PassToBackground", function(evt) {
chrome.runtime.sendMessage(evt.detail);
}, false);
// Page context
var message = {/* whatever */};
var event = new CustomEvent("PassToBackground", {detail: message});
window.dispatchEvent(event);
您可以将其概括为回传答案。
【讨论】：
只是稍微扩展一下，在使用 gmail.js 时，为了从main.js 向您的扩展页面发送消息，您需要使用您的内容脚本作为中介。该图有望说明。
main.js
|
| window.postMessage();
|
V
content.js //window.addEventListener("message", callback, false);
|
| chrome.runtime.sendMessage();
|
V
background.js //chrome.runtime.onMessage.addListener(callback);
【讨论】：