chrome 扩展 chrome.tabs.onUpdated 运行两次？

Question

//In background.js
chrome.tabs.onUpdated.addListener(function(tabid, info, tab) {
    console.log(info);
});

我正在尝试进行设置，以便在每次加载 youtube 视频页面时运行一次 onUpdate。我想在 youtube 视频加载后等待加载。当我直接从 url 加载时，我得到了我期望的结果，但是当我导航到建议的视频时，有 2 个加载/完成周期。一个用于当前视频，一个用于下一个视频。

这是直接 url youtube 视频的输出。

如果我在观看另一个 youtube 视频时导航到一个 youtube 视频，就会发生这种情况。

在我的清单中，我有一个简单的 background.js 脚本，允许 webNaviagtion 和选项卡。

我不知道为什么它会运行两次。

Answer 1

tabs.onUpdated 为每个frame/iframe 调用，Youtube 观看页面加载一个。

webNavigation API 向事件监听器提供frameId，主页有frameId == 0。

请注意，当用户从一个视频转到另一个视频或从 Youtube 主页面转到一个视频页面时，Youtube 不会重新加载页面，因此要检测这些更改，您可以使用 chrome.webNavigation.onHistoryStateUpdated 事件侦听器或将监听站点使用的DOM事件，即"spfdone"。