Question

Chrome扩展程序中发生了一些奇怪的事情。

内容脚本：

console.log('content');

chrome.extension.onRequest.addListener(function(request, sender, sendResponse){
    console.log('request received');
    sendResponse();
});

chrome.extension.sendRequest( JSON.stringify({'msg': 'page_loaded'}) );

它只是侦听扩展消息传递，并在加载页面时将消息发送到后台。

后台脚本：

console.log('bg');

chrome.extension.onRequest.addListener(function(request, sender, sendResponse){
    sendResponse();
    chrome.tabs.sendRequest(
        sender.tab.id,
        JSON.stringify({'msg': 'page_loaded_bg_receive'}),
        function(){
            console.log('sendRequest page_loaded_bg_receive callback');
        });
});

它会侦听消息并将消息发送到发件人选项卡。

它似乎正在起作用，至少在页面日志中大多数情况下会显示“请求已收到”。

虽然进入Chrome的网址有时会在用户点击“输入”之前加载输入的地址。这是一个奇怪的行为：页面加载，内容脚本运行，将消息发送到后台，但是当后台发回消息时 - 它失败并显示后台日志消息：

端口错误：无法建立连接。接收端不存在。 miscellaneous_bindings：184 chromeHidden.Port.dispatchOnDisconnect miscellaneous_bindings：184

这是Chrome的错误吗？如何将消息发送到预加载选项卡？

这是再现这种行为的人造最小样本。我需要在处理消息后多次调用'chrome.tabs.sendRequest'，因此调用'sendResponse'不是解决方案。

Answer 1

基于文章https://developers.google.com/chrome/whitepapers/pagevisibility的解决方案。如果document.webkitVisibilityState不是'hidden'或'prerender'，我运行内容脚本代码，在其他地方我监听'webkitvisibilitychange'并等待document.webkitVisibilityState不是'hidden'或'prerender'。我认为检查'prerender'就足够了，但是当我打开一个新的空标签时，它会加载带有document.webkitVisibilityState ='hidden'的页面，而且此页面也没有收到背景信息。

function isDocumentReady() {
  return document.webkitVisibilityState != "hidden" && document.webkitVisibilityState != "prerender";
}

if (isDocumentReady())
  main();
else {

  function onVisibilityChange() {
    if (!isDocumentReady())
      return;
    document.removeEventListener(
      "webkitvisibilitychange",
      onVisibilityChange,
      false);
    main();
  }

  document.addEventListener(
    "webkitvisibilitychange",
    onVisibilityChange,
    false);

}

预加载页面消息的内容脚本的背景失败

1 个答案: