Chrome扩展程序从后台脚本获取UI元素

Question

我开始开发chrome扩展。 在我的情况下，我有以下manifest.json：

{
    "name": "mY Notifier",
    "version": "1.0",
    "manifest_version": 2,
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": [
            "myscript.js"
        ],
        "persistent": false
    },
    "permissions": [
        "tabs","alarms"
    ]
}

所以，你可以看到我有一个默认的弹出式html页面和一个后台脚本。

我需要一个后台脚本，因为我需要在启用扩展程序时不时更新图标徽章（而不仅仅是用户点击图标）。这很好用。

在我的popup.html我有几个复选框。现在在我的后台脚本中，我想检查哪些复选框已启用。我怎样才能做到这一点？我无法使用elementById在popup.html中引用我的ui元素。如何才能做到这一点？

Answer 1

您无法从popup.html访问myscript.js，因为在点击按钮之前未加载popup.html。 您可以从functon致电myscript.js popup.html：

popup.js code:

var bg = chrome.extension.getBackgroundPage();
bg.someFunction(stateOfCkeckboxes);