在谷歌浏览器的extension developer section 中，它说
扩展中的 HTML 页面 可以完全访问彼此的 DOM，它们可以调用函数 彼此。 ...弹出的内容 是由 HTML 文件定义的网页 (popup.html)。弹出窗口不需要 复制代码中的 背景页面 (background.html) 因为弹出窗口可以调用函数 在后台页面上
我已经加载并测试了 jQuery，并且可以使用 jQuery 访问 background.html 中的 DOM 元素，但我不知道如何从 background.html 访问 popup.html 中的 DOM 元素。
【问题讨论】：
标签： google-chrome google-chrome-extension
你能谈谈你为什么要这样做吗？背景页面是在您的扩展程序的生命周期内永远存在的页面。而弹出页面仅在您单击弹出窗口时才存在。
在我看来，它应该被重构，你的弹出窗口应该从后台页面请求一些东西。您只需在弹出窗口中执行此操作即可访问后台页面： chrome.extension.getBackgroundPage()
但如果您坚持，您可以使用带有sendRequest() 和onRequest 的扩展页面进行简单通信。或许你可以使用chrome.extension.getViews
【讨论】：
我明白你为什么要这样做，因为我自己也遇到了问题。
我能想到的最简单的方法是使用 Google 的回调方法 - sendRequest 和 onRequest 方法也可以，但我发现它们笨拙且不那么简单。
Popup.js
chrome.extension.getBackgroundPage().doMethod(function(params)
{
// Work with modified params
// Use local variables
});
Background.html
function doMethod(callback)
{
if(callback)
{
// Create/modify params if needed
var params;
// Invoke the callback
callback(params);
}
}
【讨论】：
正如其他答案所提到的，您可以像这样从 popup.js 调用 background.js 函数：
var _background = chrome.extension.getBackgroundPage();
_background.backgroundJsFunction();
但要从 background.js 访问 popup.js 或 popup.html，您应该像这样使用消息架构：
// in background.js
chrome.runtime.sendMessage( { property: value } );
// in popup.js
chrome.runtime.onMessage.addListener(handleBackgroundMessages);
function handleBackgroundMessages(message)
{
if (message.property === value)
// do stuff
}
不过，你似乎可以从 background.js 同步访问 popup.js，就像你可以反过来同步访问一样。 chrome.extension.getViews 可以让您弹出window 对象，您可以使用它来调用函数、访问变量和访问 DOM。
var _popup = chrome.extension.getViews( { type: 'popup' } )[0];
_popup.popupJsFunction();
_popup.document.getElementById('element');
_popup.document.title = 'poop'
请注意，如果弹出窗口未打开，getViews() 将返回 []，因此您必须处理它。
我不确定为什么没有其他人提到这一点。也许我忽略了一些陷阱或不良做法？但是在我自己扩展的有限测试中，它似乎有效。
【讨论】：