Question

我正在开发chrome扩展程序，并且我已经陷入了一个非常具体的部分，其中backgroundjs被假设为当前活动标签发送消息。

这是我的清单文件

的manifest.json

{
     "manifest_version": 2,
     "name": "test",
     "description": "Some_Test",
     "version": "1.0",

     "background": {
     "page":  "background.html"
     },
     "content_scripts": [
         {
             "matches": [ "http://*/*", "https://*/*" ],
             "js": [ "content.js" ]
         }
     ],
     "permissions": [
     "background",
     "activeTab",
     "tabs",
     "http://*/*",
     "https://*/*"
     ],
     "browser_action": {
         "default_popup": "popup.html"
      }
}

popup.html

<html>
<body>
    <button id="read-button">Read</button>
    <script type="text/javascript" src="popup.js"></script>
</body>
</html>

popup.js

function readObject(e) {
    console.log(chrome.extension.getBackgroundPage().read());
}

document.getElementById('read-button').addEventListener('click', readObject);

background.html

<!DOCTYPE html>
<html>
    <head>
    </head>
<body>
    <script type="text/javascript" src="background.js"></script>
</body>
</html>

background.js

function read() {
    chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
        chrome.tabs.sendMessage(tabs[0].id, { greeting: "hello" }, function (response) {
            return response.farewell;
        });
    });
}

content.js

chrome.runtime.onMessage.addListener(
  function (request, sender, sendResponse) {
      console.log("hello");
      if (request.greeting == "hello")
          sendResponse({ farewell: "goodbye" });
  });

这是错误的地方：

chrome.tabs.sendMessage(tabs[0].id, { greeting: "hello" }, function (response) {
            return response.farewell;
        });

似乎我无法访问tabs[0]对象，或者我无法理解它返回的数组，因为我想访问活动选项卡而tabs[0]只是意味着它正在获取第一个选项卡浏览器而不是活动选项卡。

Answer 1

我认为只有当活动窗口是后台页面的开发人员工具时才会发生这种情况。

在测试扩展时只需切换到正常的浏览器窗口，或在popup.js中定义read()函数，如果不是绝对需要，则完全删除后台页面。

如何将消息从backgroundjs发送到chrome扩展中的内容脚本？

1 个答案: