Tarayıcı cihazlarına mobil cihazlarda nasıl odaklanır?

Question

Gelişmekte olduğum uygulama jQuery Mobile ve sayfanın bazı bölümlerini yenilemek için Ajax etrafında oluşturuldu. Otomatik yenilemeyi kullanan siteler gibi, bazı koşullardan (zaman/görünürlük/vb.) Sonra yenilemeyi durdurmak istiyorum. Böylece sunucum gereksiz isteklerle birlikte bombardımana tutulmuyor. Uygulama, kullanıcı tarafından genel olarak kontrol edilen bir durum ekranına sahiptir ve ideal olarak, betiklerim tarayıcı penceresinin odaklandığını bilecek ve yenilemek için iyi bir zaman olacaktır. Ben masaüstü webapps daha önce yaptım ama örneğin farklı platformlar ve tarayıcılar arasında mobil tarafta bir çok varyasyon fark ediyorum:

• window.onfocus()/ateş etmiyor tarayıcı kazançları/sekmeler
• JavaScript sekmesi anahtarlar arasında asılı ve/veya uzak tarayıcıdan geçer not/bir tarayıcıda açık olduğunda patlamaz()
• window.onfocus odak

Şimdiye kadar yapabileceğim en iyi şey, mevcut olaylara baktığınız bir dizi sezgisel + sayfa ile kullanıcı etkileşimini etkiledi, ancak bu durum hantal ve kullanıcının sayfaya geri atlayıp el ile yenilemesi gereken durumlarda sonuçlanır. Harika değil.

Bunu çözmek için herhangi bir akıllı teknik var mı?

Answer 1

Tarayıcı penceresinin odak dışında olup olmadığını öğrenmek isterseniz, requestAnimationFrame işlevini kullanın.

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

Sonra kodunuzda

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); 
})(); 

Trick sekmesi veya pencere odak dışında ise tarayıcılar animasyon karesini vermeyin olmasıdır. Normal setInterval ve setTimeouts hala çalışır. Bu döngü, pencere odakta olduğunda sürekli olarak çalışacaktır, ancak yük minimumdur, mobil cihazlarda saniyede 3-5 kez çağrılır.