Necesito controlar que la página web esté siempre en primer plano y enfocada. He desarrollado varios controles, que funcionan correctamente en el escritorio. En el móvil, sin embargo, no funcionan, en particular si la ventana del navegador se muestra en el modo de múltiples ventanas de Android, siempre está enfocada incluso cuando el usuario inicia otra aplicación del teléfono inteligente.

¿Que puedo hacer?

Estos son algunos códigos JavaScript que utilizo para verificar que el sitio esté enfocado, en los navegadores de escritorio funcionan, en los navegadores móviles no son completamente confiables...

 // check type 1 document.addEventListener( 'visibilitychange' , function() { if (document.hidden) { console.log("bye"); } else { console.log("back"); } }, false ); // check type 2 $(document).mouseleave(function () { console.log("bye"); }); $(document).mouseenter(function () { console.log("back"); }); // check type 3 if (document.hasFocus()) { console.log("back"); } else { console.log("bye"); }