Question

我已经阅读了文档，但我仍然无法使用它。

这是我的清单：

{
    "name":"app",
    "version":"0.1",
    "manifest_version":2,
    "description":"app",
    "background":{
        "scripts":[
            "scripts/modernizr.min.js", 
            "scripts/background.js"
            ],
        "persistent": false
    },
    "content_scripts": [
      {
        "matches": ["https://*/*", "http://*/*"],
        "js": ["scripts/content.js"],
        "run_at": "document_end"
      }
    ],
    "permissions":[
        "contextMenus", 
        "tabs",
        "http://*/*",
        "https://*/*"
        ],
    "icons":{
        "16":"images/icon_16.png",
        "128":"images/icon_128.png"
    }
}

我在content.js中有一个名为“myFunc”的函数。在background.js中，我有一个函数，“myHandler”，由contextMenus.onClicked监听器调用。我想从myHandler调用myFunc。我尝试使用tabs.executeScript和tabs.query，但我似乎无法获得要调用的函数。任何人都可以向我解释我应该如何让background.js调用content.js中的函数？

Answer 1

要从后台页面调用内容脚本中的函数，首先需要知道选项卡ID。 contextMenus.onClicked事件的tab参数包含该ID。然后使用message passing来执行此操作。

例如，在您的背景页面中：

chrome.contextMenus.onClicked.addListener(function(info, tab) {
  if (tab)
    chrome.tabs.sendMessage(tab.id, {args: ...}, function(response) {
      // ...
    });
});

在您的内容脚本中：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    sendResponse(myFunc(request.args));
});

来自background.js的内容脚本中的Chrome调用功能

1 个答案: