10

我刚刚将我的 chrome 扩展更新为 json 版本 2，并试图让我的扩展再次工作。问题是 sendRequest 在此过程中被贬值了。所以我将https://developer.chrome.com/extensions/messaging.html中的代码复制 到我的脚本中，并将其修改为我自己的变量名，它不起作用。

所以然后我回去输入原始代码，它仍然不起作用。我已经阅读了多个类似的问题[希望这不会因为重复而被关闭，因为它们都与我的情况不同]。

清单.json：

{
   "background": {
        "page": "background.html"
        },
    ... ... ...
   "content_scripts": [ {
      "css": [ "style.css" ],
      "js": [ "jq.js", "script.js" ],
      "matches": [ "http://*.craigslist.org/*/*.htm*" ]
   } ],
   ... ... ...
   "permissions": [ "tabs", "http://*.craigslist.org/*/*.htm*" ],
   "manifest_version": 2,
   "update_url": "http://clients2.google.com/service/update2/crx",
   "version": "3.0"
}

背景.html：

<html>
<script type='text/javascript'>
   chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
    console.log(sender.tab ?
                "from a content script:" + sender.tab.url :
                "from the extension");
    if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
  });
    });
</script>
</html>

脚本.js：

chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
  console.log(response.farewell);
});

现在我运行一个页面 [on craigslist]，然后转到控制台，这是错误：

Port error: Could not establish connection. Receiving end does not exist.
TypeError: Cannot read property 'farewell' of undefined
    at chrome-extension://dhmjefbokfkjpdbigkadjpgjeflchgea/script.js:9:23

我在 Ubuntu 12.10 64 位上使用 Chrome Beta （Google Chrome：27.0.1453.15（官方版本 191758）测试版）

4

2 回答 2

32

您正在从您的背景和内容脚本发送消息，但根本没有尝试接收它们。尝试在其中一个或两个地方收听消息。此外，内联代码违反 CSP，因此将其全部移至外部文件。

例如：

清单.json

"background": {
    "scripts": ["background.js"]
},

背景.js

chrome.runtime.onMessage.addListener(function(message,sender,sendResponse){
  sendResponse({farewell:"goodbye"});
});

脚本.js

chrome.runtime.sendMessage({greeting: "hello"}, function(response) {
  console.log(response.farewell);
});

此外，chrome.tabs.getSelected()也已弃用，因此请chrome.tabs.query()改用。

于 2013-04-08T20:23:23.977 回答
0

后台脚本

chrome.tabs.getAllInWindow(null, function(tabs) {
      $.each(tabs, function() {
        chrome.tabs.sendRequest(this.id, {"action":"action_name"} );
      });
    });

内容脚本

chrome.extension.onRequest.addListener(function(request, sender, sendResponse){
  if(request.action === 'action_name')
  {
    alert('handle event in the content script!!!!')
  }
});
于 2017-06-08T21:26:39.217 回答