Question

我正在制作Chrome扩展程序，在我的后台脚本中我有一个addListener，但即使它是onUpdated.addListener，也会多次触发。我添加了一个if语句来检查changeInfo.status == 'complete'的时间，但是它仍然多次触发。我知道谷歌Chrome有一个与此有关的错误，但那是多年前的事了。有解决方案吗提前谢谢。

这是我的background.js：

// Get the behavior of the plugin; the default is set to "onClick", the other option is "alwaysOn"
chrome.storage.sync.get({
extensionBehavior: 'onClick'
}, function(items) {
    if(items.extensionBehavior == 'onClick'){
        chrome.browserAction.onClicked.addListener(function() {
            // When the extension icon is clicked, send a message to the content script
            chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
                chrome.tabs.sendMessage(tabs[0].id, {"message": tabs[0].url}, function(response){});
            });
        });
    }
    else {
        chrome.browserAction.setBadgeText({text:"auto"});
        chrome.tabs.onCreated.addListener(function (tab) {
            chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
                if (tab.status == 'complete') {
                    chrome.tabs.sendMessage(tabId, {"message": tab.url}, function(response){});
                }
            });
        });
    }
});

这是我的manifest.json：

{
"manifest_version": 2,
"name": "My Extension",
"version": "1.2.1",
"description": *redacted for privacy reasons*,
"content_scripts": [{
    "matches": [
      "<all_urls>"
    ],
    "js": ["content_script.js", "jquery-2.2.4.js"]
  }
],
"background": {
    "scripts": ["background.js"]
},
"options_ui": {
    "page": "options.html"
},
"browser_action": {
    "default_icon": "blue-logo.png"
},
"permissions": [
    "storage",
    "activeTab",
    "tabs"
]
}

如果您想知道为什么我的onUpdated内有onCreated，那是因为onCreated并不是单独工作的，而且我还需要它当以前创建的选项卡也被更新时触发（例如，我创建一个选项卡，转到URL，然后使用该选项卡转到另一个URL）。我一开始正在检查changeInfo.status，但是当它没有工作时我将其更改为tab.status，这些变量是不是同一个变量？两者似乎都给出了相同的行为（当他们不应该开火时）。

Answer 1

每次创建标签时，您都会向chrome.tabs.onUpdated添加一个新的监听器：

chrome.tabs.onCreated.addListener(function (tab) {
    chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
        ...

这意味着如果您创建三个选项卡，则每次更新一个选项卡时，您的unUpdated侦听器将被调用三次。 tab事件的onCreated参数也会被忽略，因为onUpdated回调会使用相同名称的参数。

如果您需要收听这两个事件，则应分别添加每个侦听器：

chrome.tabs.onCreated.addListener(function (tab) {
    ...
});
chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    ...
});

chrome.tabs.onUpdated.addListener多次触发

1 个答案: