Jak wykrywać fokus przeglądarki na urządzeniach mobilnych?

Question

Aplikacja, którą tworzę, jest zbudowana wokół jQuery Mobile i jakiegoś Ajaxa w celu odświeżenia części strony. Podobnie jak witryny korzystające z automatycznego odświeżania, chcę zatrzymać odświeżanie po pewnych warunkach (time/visibility/etc.), Więc mój serwer nie jest bombardowany niepotrzebnymi żądaniami. Aplikacja ma ekran stanu, który jest często sprawdzany przez użytkownika, a najlepiej, aby moje skrypty wiedziały, że okno przeglądarki stało się ostrzejsze i nadszedł czas na odświeżenie. Robiłem to już wcześniej w stacjonarnych webapps, ale ja widząc wiele wariacji na mobilnej stronie pomiędzy różnymi platformami i przeglądarek, na przykład:

• window.onfocus() ma/nie ogień, gdy zyski przeglądarka skupić
• window.onfocus() ma/nie ognia, gdy karty są włączone w przeglądarce
• Javascript jest/nie jest zawieszony pomiędzy przełącznikami zawleczki i/lub przełączniki od przeglądarce

Najlepsze, co udało mi się zrobić do tej pory, to zestaw heurystyk, które oglądają dostępne wydarzenia + kiedy było interakcja użytkownika ze stroną, ale jest niezgrabna i skutkuje przypadkami, w których użytkownik wraca na stronę i musi ręcznie odświeżyć. Nie najlepiej.

Jakieś sprytne techniki rozwiązania tego problemu?

Answer 1

Jeśli chcesz się tylko dowiedzieć, czy okno przeglądarki jest nieostre, użyj funkcji requestAnimationFrame.

window.requestAnimFrame = window.requestAnimationFrame || 
          window.mozRequestAnimationFrame || 
          <add browsers here> 

Następnie w kodzie

var lastupdate = new Date() 
(function loop() { 
     var now = new Date(); 

     if (now - lastupdate > <some treshold like 1 second>) { 
      // browser was suspended and did come back to focus 
     } 
     lastupdate = now; 

     window.requestAnimFrame(loop); 
})(); 

Sztuką jest, że przeglądarki nie dać ramkę animacji czy zakładka lub okno jest nieostry. Normalny setInterval i setTimeouts nadal będą działały. Pętla będzie działać nieprzerwanie po ustawieniu ostrości okna, ale narzut jest minimalny, na przykład w urządzeniach przenośnych nazywany jest 3-5 razy na sekundę.