如何从在 chrome 扩展中打开的窗口中获取背景页面？

Question

应用程序从后台页面打开一个弹出窗口。打开的弹出窗口有 js 文件，这些文件可以访问背景页面的一些变量。但是当它试图访问时，

chrome.extension.getBackgroundPage().variable_name 它给出了一个“未定义”的值

background.html 包含

  chrome.browserAction.onClicked.addListener(function() {
return chrome.windows.create({
  url: "../popup.html",
  type: 'popup',
  height: 500,
  width: 200
}, function(window) {
  return console.log("opening a window");
});
});

ma​​nifest.json

{
"name": "app name",
"version": "0.0.2",
"manifest_version": 2,
"minimum_chrome_version": "23",
"icons": {
    "16": "images/background-16.png",
    "48": "images/background-48.png",
    "128": "images/background-120.png"
},
 "background": {
  "page": "background.html"
},
"browser_action": {
  "default_icon": "images/background-16.png"

},
"default_locale": "en",
"permissions": [
  "storage",
"pushMessaging",
"notifications",
"tts",

] }

Answer 1

如果你使用getBackgroundPage()，你必须在回调函数中调用背景的变量。

例如：

在background.js：

var cow = "mooh";
// The code to open myApp.html

在myApp.js（链接到myApp.html）：

chrome.runtime.getBackgroundPage(function (backgroundPage) {
    console.log(backgroundPage.cow); // Displays "mooh".
});