Detectar el foco del navegador/fuera de foco a través de la Extensión de Google Chrome

Question

¿Hay alguna manera de averiguar si Google Chrome está enfocado o desenfocado? Estoy creando una aplicación que necesita saber si el usuario está usando el navegador o no.

Al vincular la detección a través del script de contenido en una extensión de Google, he intentado usar desenfoque y enfoque, pero el problema es que al hacer clic en la barra de direcciones también se desencadena un desenfoque. Lo mismo ocurre con la detección del movimiento del mouse, donde no se detectará mover el mouse fuera del área de visualización.

También traté de buscar enFocusChanged, pero parece que solo detecta cambios en las ventanas de cromos, no en aplicaciones fuera de Chrome.

¿Alguien tiene otras ideas para esto? Además, ¿sería esto más fácil si crease un complemento para Firefox?

Gracias!

Answer 1

Sí, esto se hace manipulando el desenfoque y el evento de enfoque. Al igual que este ejemplo de jQuery:

$(window).blur(function(){ 
    // do something when it loose focus like that: 
    alert('Good Bye.'); 
}); 

$(window).focus(function(){ 
    // do something when it gains focus 
    alert('Welcome back.'); 
}); 

Answer 2

Puede utilizar la API de chrome.windows para controlar esto. Se podría añadir un detector para el evento onFocusChanged y si el evento regresó -1 o chrome.windows.WINDOW_ID_NONE entonces usted sabe que el navegador pierde el foco:

var inFocus = true; // global boolean to keep track of state 
chrome.windows.onFocusChanged.addListener(function(window) { 
    if (window == chrome.windows.WINDOW_ID_NONE) { 
     inFocus = false; 
    } else { 
     inFocus = true; 
    } 
}); 

Chrome.Window Doc

Answer 3

Tal vez algunos no ven comentario @Giedrius'. Este intervalo funciona:

window.setInterval(checkBrowserFocus, 1000); 

function checkBrowserFocus(){ 

    chrome.windows.getCurrent(function(browser){ 

     console.log(browser.focused) 

    }) 

}