Question

我正在制作一个Chrome扩展程序，其中包含执行以下操作的内容脚本：

将内容脚本注入每个页面
每5秒定期调用一次“a”函数
如果页面处于焦点，则调用函数“b”。

理想情况下，应为每个选项卡调用函数“a”，但只会为聚焦的选项卡调用函数“b”。

我已经研究了几种方法，我发现最接近的解决方案是： How to detect when a tab is focused or not in Chrome with Javascript?

然而，当我尝试使用outerHeight / innerHeight方法时，它给了我一些非常奇怪的结果。当窗口失焦时，我得到0为outerHeight。这对我来说似乎更像是一个错误，所以我不确定我是否可以使用它来确定标签是否失焦。

有没有人有这方面的好解决方案？

Answer 1

不知道仅限内容脚本的解决方案，但这可以通过后台页面轻松完成：

<强> content_script.js：

function task() {
    chrome.extension.sendRequest("is_selected", function(isSelected) {
        if(isSelected) {
            //this tab in focus
        } else {
            //not in focus
        }
    });
}
setInterval(task, 5000);

<强> background.html：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    if(request == "is_selected") {
        chrome.tabs.getSelected(null, function(tab){
            if(tab.id == sender.tab.id) {
                sendResponse(true); //in focus (selected)
            } else {
                sendResponse(false);    //not in focus
            }
        });
    }
});

检测Google Chrome中正在关注的标签/窗口

1 个答案: