Question

contentscript.js

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"});
  });

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
            console.log(response.farewell);
        });
    });
});

这有时会起作用，有时则不然。

不起作用的案例：

1）当我重新加载扩展程序并单击现有选项卡上的扩展程序图标时 2）当我在background.js

中添加断点时

有效的案例：

1）当我重新加载扩展并重新加载/加载新选项卡并且在background.js中没有添加断点时

抛出的错误通常是：

Port: Could not establish connection. Receiving end does not exist. lastError:29
Error in event handler for 'undefined': Cannot read property 'farewell' of undefined TypeError: Cannot read property 'farewell' of undefined
at chrome-extension://glbcapgiojbbnjhngjdmoglaamjbjjak/background.js:16:28
at <error: illegal access>
at Event.dispatchToListener (event_bindings:356:21)
at Event.dispatch_ (event_bindings:342:27)
at Event.dispatch (event_bindings:362:17)
at Object.chromeHidden.Port.dispatchOnDisconnect (miscellaneous_bindings:258:27)

有人可以对此有所了解吗？我发现特别奇怪的是断点会导致它失败（几乎就像暂停background.js会导致事件监听器死掉一样）

Answer 1

事实证明，当在background.js中设置断点时，tabs对象变为：

0: Object
active: true
favIconUrl: ""
highlighted: true
id: 20
incognito: false
index: 0
pinned: false
selected: true
status: "complete"
title: "Developer Tools - chrome-extension://glbcapgiojbbnjhngjdmoglaamjbjjak/_generated_background_page.html"
url: "chrome-devtools://devtools/devtools.html dockSide=right&toolbarColor=rgba(223,223,223,1)&textColor=rgba(0,0,0,1)"
windowId: 19

事件侦听器位于不同的选项卡中，因此“接收端不存在”。话虽如此，我需要找出一种方法将消息发送到正确的选项卡（我也使用oauth2进行重定向，因此它也与选项卡选项混淆）。

Answer 2

我猜..由于断点，焦点移动到后台脚本。您使用chrome.tabs.query函数{active：true，currentWindow：true}，但后台脚本没有tabid。如果要使用断点进行调试，则应该在回调函数内部指出。

Chrome扩展程序标签sendMessage从后台更改为contentscript错误

2 个答案: