chrome.tabs.onUpdated.addListener() 被调用两次

Question

我正在编写一个 chrome 扩展程序，并且在某些网站上 chrome.tabs.onUpdated.addListener() 被调用了两次。

这主要发生在我点击链接而不是我自己输入 URL 时。

根据我在网上找到的信息以及在 StackOverflow 上提出的许多问题，chrome 上存在一个错误，但几年前已修复。

有些人声称如果页面中有多个 iframe，就会发生这种情况，但在我的情况下，我的页面中没有 iframe。

这是我的代码：

 var storage = chrome.storage.local;

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete' && tab.status == 'complete' && tab.url != undefined) {
            storage.get('URLs', function(URLs){
                for (var item in URLs)
                {
                    if (tab.url == item)
                    {
                        return;
                    }
                    else
                    {
                        //alert ("tab load complete");
                        storage.set({URLs: [tab.url]});
                        chrome.tabs.executeScript(tab.id, {
                        "file": "flashblocker.js"
                        }, function () { // Execute your code
                        console.log("Script Executed .. "); // Notification on Completion
                        });
                    }
                }
            });
    }
});

如何让它只运行一次？

谢谢。

Answer 1

使用变量并在侦听器中添加检查，以在执行警报之前检查此变量的值。你可以这样做：

var tabUpdated = false;
chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete' && tab.status == 'complete' && tab.url != undefined) {
        if (!tabUpdated) {
            alert("tab load complete");
            tabUpdated = true;
        }
    }
});

但是如果内容脚本实际上加载了两次，这将失败，因为 tabUpdated 变量将再次被初始化为 false。在这种情况下，您可以使用 chrome 的 Storage API 并存储已调用侦听器的 URL。只需为此添加一个检查，如果 URL 存在存储中，则不会调用警报，否则它将调用。然后，您可以在浏览器启动或关闭时清除存储。

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.status == 'complete' && tab.status == 'complete' && tab.url != undefined) {
        chrome.local.storage.get('URLs', function(URL's) {
            // Iterate through this list here and match with tab.url, if the match is found, just return.
            if (url is there in list) {return;}
            else {
                alert("tab load complete");
                chrome.local.set({URLs: [tab.url]}); 
            }
        });
    }
});

这只是您如何实现它的一个示例。根据您的需要进行调整。

我希望这会有所帮助。