Cómo detectar el navegador minimizar y maximizar el estado en javascript

Question

Estoy tratando de encontrar el navegador minimizar y maximizar los estados, ya que quiero pegar a la solicitud de AJAX en consecuencia el estado del navegador.

¿Alguien sabe cómo puedo detectar el estado del navegador usando JavaScript.

Answer 1

Puede probar con API Visibilidad de página, tiene la propiedad booleana document.hidden (document.webkitHidden), que también detecta si la página actual está minimizada o maximizada. También depende de si el usuario ha centrado pestaña del navegador actual o no:

https://developers.google.com/chrome/whitepapers/pagevisibility

https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API

Answer 2

Creo que la única manera confiable de detectar estos estados es comprobar la visibility API que ofrece HTML5 (esto sigue siendo una característica experimental), que ofrece ciertas propiedades y eventos

document.hidden // Returns true if the page is in a state considered to be hidden to the user, and false otherwise. 

document.visibilityState // Returns a string denoting the visibility state of the document  

también puede reaccionar a los cambios de la visibilidad

document.addEventListener("visibilitychange", function() { 
    console.log(document.hidden, document.visibilityState); 
}, false); 

Tenga en cuenta que esto no funciona en el navegador cruzado y solo está disponible en ciertas versiones del navegador.

Answer 3

utilizo este código

window.addEventListener('blur', function(){ 
    console.log('blur'); 
}, false); 

window.addEventListener('focus', function(){ 
    console.log('focus'); 
}, false); 

Answer 4

Aquí es Piotrek De 's answer on another question:

Hay una biblioteca ordenada disponible en GitHub:

https://github.com/serkanyersen/ifvisible.js

Ejemplo:

// If page is visible right now 
if(ifvisible.now()){ 
    // Display pop-up 
    openPopUp(); 
} 

He probado la versión 1.0.1 en todos los navegadores que tengo y puedo confirmar que funciona con:

• IE9, IE10
• FF 26,0
• Chrome 34.0

y probablemente todas las versiones más nuevas.

No funciona plenamente con:

• IE8 - siempre indica que la pestaña/ventana está activa en ese momento (.now() devuelve siempre es cierto para mí)