Chrome 扩展后台消息侦听器启动两次

Question

我有一个 chrome 扩展程序，它的工作方式如下：

后台每隔几秒检查站点 x 是否有更改，如果发生更改，后台会打开带有页面 Y 的新选项卡并执行一些页面自动化（在 ajax 基于页面中填写调查）。页面自动化由内容脚本完成。内容脚本需要向后台请求许可才能开始工作。它通过发送消息并等待回复来实现。当内容脚本完成它的工作时，它会向后台发送消息，其中包含有关成功与否的信息。当失败选项卡应更新为新 link 时，当成功时 - 选项卡应关闭。问题是，有时 - 并非总是如此，免费获取消息两次。 Once - when tab fails it's job, and second time just after tab is updated with new link.我希望我能知道为什么...

这是脚本：

Background.js 监听器创建

function create_listerner(){
    chrome.runtime.onMessage.addListener(
        function(request, sender, sendResponse) {
            switch(request.greeting){
                case "site_opened":
                    if (sender.tab.id == tabId) {
                        sendResponse({
                            farewell : "go"
                        });
                    } else {
                        sendResponse({
                            farewell : "stop"
                        });
                    }
                    break;
                case "imDoneWithSuccess":
                    //update tab logic
                    break;
                case "imDoneWithFail":
                    //close tab logic
                    actNgo(url,arr);
                    break;
            }
        });
}

侦听器调用一次，当用户从上下文菜单启动脚本时：background.js

chrome.contextMenus.create({
    title : "Start",
    contexts : ["browser_action"],
    onclick : function () {
        create_listerner();
    }
});

选项卡更新看起来很简单：background.js

function actNgo(url,arr){
    chrome.storage.local.set({
        array : arr,
        ndz : 1
    }, function () {
        chrome.tabs.update(
            tabId,
            {
                "url" : url,
                "active" : false
            }, function (tab) {
                console.log("tabId "+tabId);
            });
    });
}

内容脚本被注入到网站中，网站不会像 ajax 那样重新加载，即使 - 如果不满足适当的条件就无法发送消息

content.js

function SR(st) {
    var status ;
    if(st){
        status = "imDoneWithSuccess";
    } else {
        status = "imDoneWithFail";
    }
    chrome.runtime.sendMessage({
        greeting : status 
    }, function (response) {
    });
}

内容脚本应该只在 bacground.js 打开的选项卡上工作

function askForPermission() {
    chrome.runtime.sendMessage({
        greeting : "site_opened"
    }, function (response) {
        if (response.farewell == 'go') {
            start();
        } else {
            console.log("bad tab");
        }
    });
}

再次 - 他们不可能自己开火。

日志文件如下所示：

Background: tab created;
content script: askForPermission(); <-sends message asking for permission to start
Bacground: go <- allows. 
content script: (content script logs, working as intended)
Background listener: imDoneWithFail;
Background update tab;
background listener: imDoneWithFail; <- shouldn't happen, doesn't look like it conten't script even started to work as it didn't ask for permission. Looks like listener is fired up twice...
Background update tab;
content script: askForPermission(); <-sends message asking for permission to start
Bacground: go <- allows.

编辑：清单

{
  "name": "Test script",
  "version": "0.0.78",
  "manifest_version": 2,
  "background": {
      "scripts": ["src/background/background.js"]
    },
  "icons": {
    "19": "icons/icon19.png"
  },
  "default_locale": "en",
  "options_ui": {
    "page": "src/options/index.html",
    "chrome_style": true
  },
  "browser_action": {
    "default_icon": "icons/icon19.png",
    "default_title": "Test",
    "default_popup": "src/browser_action/browser_action.html"
  },
  "permissions": [
    "http://localhost/survey/*",
    "storage",
    "contextMenus",
      "tabs",
      "webRequest"
  ],
    "content_scripts": [
    {
        "matches": [
        "http://localhost/survey/*",
        "https://localhost/survey/*"
      ],
      "js": [
        "js/jquery/jquery.min.js",
        "src/inject/content.js"
      ]
    }
  ]
}

在有人问之前 - 我尝试使用长期连接，但我遇到了同样的问题。为什么会这样？

Answer 1

好的，我找到了答案，问题出在选项卡的功能更改 url 上。

function actNgo(url,arr){
    chrome.storage.local.set({
        array : arr,
        ndz : 1
    }, function () {
        chrome.tabs.update(
            tabId,
            {
                "url" : url,
                "active" : false
            }, function (tab) {
                console.log("tabId "+tabId);
            });
    });
}

功能，当给定与当前相同的 url 选项卡时，不会刷新选项卡，并且内容脚本无法像新的一样启动...仍然不知道为什么听众会两次启动消息，但是自从我的更改已停止。

我不知道此修复是否对任何人有帮助，但我通过先将选项卡 url 更改为空白，然后再更改为新选项卡来解决此问题。

    chrome.tabs.update(
        tabId,
        {
            "url" : "about:blank",
            "active" : false
        }, function (tab) {
            console.log("bcgr: aktualizujStroneIObstaw: pusta: tabId "+tabId);
            chrome.tabs.update(
                tabId,
                {
                    "url" : url_beta,
                    "active" : false
                }, function (tab) {
                    console.log("bcgr: aktualizujStroneIObstaw: wlasciwa: tabId "+tabId);

                }
              );

Chrome 扩展后台消息侦听器启动两次

Chrome extension background message listener fires up twice

javascript

ajax

listener

google-chrome-extension