Chrome: arka plan sekmelerinde askıya alınan zaman aşımı / aralık?

Bu testisetTimeout kullanmanın doğruluğunu test ediyordum . Şimdi fark ettim (beklendiği gibi) çok doğru değil, ancak çoğu cihaz için önemli ölçüde yanlış değil. Şimdi testi Chrome'da çalıştırırsam ve bir arka plan sekmesinde çalışmasına izin verirsem (yani, başka bir sekmeye geçip oraya göz atarsam), teste dönüp sonuçları inceleyerek (test bittiyse), önemli ölçüde değişir. Görünüşe göre zaman aşımları çok daha yavaş ilerliyor. FF4 veya IE9'da test edildiğinde bu gerçekleşmedi.setTimeout

Bu yüzden Chrome, odağı olmayan bir sekmede javascript yürütmeyi askıya alıyor veya en azından yavaşlatıyor gibi görünüyor. Konu hakkında internette pek bir şey bulamadık. Bu, örneğin XHR çağrılarını kullanarak bir sunucuda periyodik olarak kontrol etmek gibi arka plan görevlerini çalıştıramayacağımız anlamına gelir ve setInterval(aynı davranışı gördüğümden şüpheleniyorum setInterval, eğer zaman benimle ise bir test yazacaktır).

Bununla karşılaşan var mı? Bu askıya alma / yavaşlama için bir çözüm var mı? Buna bir hata der misiniz ve bu şekilde dosyalamalı mıyım?

Geçenlerde bunu sordum ve tasarım gereği davranış. Bir sekme etkin olmadığında, yalnızca en fazla saniyede bir işlev çağrılır. İşte kod değişikliği .

Belki bu yardımcı olur: Chrome'da bir sekme etkin olmadığında setInterval'in de çalışmasını nasıl sağlayabilirim?

TL; DR: Web Çalışanlarını kullanın .

Web Çalışanları kullanmanın bir çözümü var çünkü bunlar ayrı bir süreçte çalışıyor ve yavaşlamıyor

Kodunuzda değişiklik yapmadan kullanılabilecek küçük bir komut dosyası yazdım - sadece setTimeout, clearTimeout, setInterval, clearInterval işlevlerini geçersiz kılar

Sadece tüm kodunuzun önüne ekleyin

http://github.com/turuslan/HackTimer

Boş bir sesin çalınması, tarayıcıyı performansı korumaya zorluyor - Bu yorumu okuduktan sonra keşfettim: JavaScript, sekme etkin değilken bile Chrome'da normal hızda nasıl çalıştırılır?

WebSockets kullanan bir tarayıcı oyunu için isteğe bağlı sınırsız performansa ihtiyacım var, bu nedenle deneyimlerimden WebSockets kullanmanın sınırsız performans sağlamadığını biliyorum, ancak testlerden bir ses dosyası oynatmak bunu garantilemiş gibi görünüyor

İşte bu amaçla oluşturduğum 2 boş ses döngüsü, bunları ticari olarak özgürce kullanabilirsiniz: http://adventure.land/sounds/loops/empty_loop_for_js_performance.ogg http://adventure.land/sounds/loops/empty_loop_for_js_performance.wav

(-58db gürültü içerirler, -60db çalışmaz)

Bunları kullanıcı isteğine bağlı olarak Howler.js ile oynuyorum: https://github.com/goldfire/howler.js

function performance_trick()
{
    if(sounds.empty) return sounds.empty.play();
    sounds.empty = new Howl({
        src: ['/sounds/loops/empty_loop_for_js_performance.ogg','/sounds/loops/empty_loop_for_js_performance.wav'],
        volume:0.5,
        autoplay: true, loop: true,
    });
}

Tam javascript performansını varsayılan olarak açmak / kapatmak için yerleşik bir yöntem olmaması üzücü, ancak kripto madencileri herhangi bir uyarı olmadan Web Çalışanları kullanarak tüm bilgi işlem iş parçacıklarınızı ele geçirebilir: |

Chrome, Firefox ve IE için etkin olmayan sekmelerde çalışmaya devam etmek için Web-Workers'ı kullanarak Interval ve clearInterval uygulamasını ayarlayan işçi aralığı npm paketini yayınladım .

Modern tarayıcıların çoğu (Chrome, Firefox ve IE), aralıklar (pencere zamanlayıcıları), etkin olmayan sekmelerde saniyede bir defadan fazla çalışmayacak şekilde sabitlenir.

Hakkında daha fazla bilgi bulabilirsiniz

https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers#Timeouts_and_intervals

JQuery çekirdeğimi 1.9.1'e güncelledim ve etkin olmayan sekmelerdeki Aralık tutarsızlığını çözdü. Önce bunu deneyeceğim, sonra diğer kod geçersiz kılma seçeneklerine bakardım.

İşte mevcut milisaniyeyi alan ve bunu fonksiyonun oluşturulduğu milisaniye ile karşılaştıran benim çözümüm. aralık için, işlevi çalıştırdığında milisaniyeyi güncelleyecektir. ayrıca bir id ile aralığı / zaman aşımını yakalayabilirsiniz.

<script>

var nowMillisTimeout = [];
var timeout = [];
var nowMillisInterval = [];
var interval = [];

function getCurrentMillis(){
    var d = new Date();
    var now = d.getHours()+""+d.getMinutes()+""+d.getSeconds()+""+d.getMilliseconds();
    return now;
}

function setAccurateTimeout(callbackfunction, millis, id=0){
    nowMillisTimeout[id] = getCurrentMillis();
    timeout[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisTimeout[id] + +millis)){callbackfunction.call(); clearInterval(timeout[id]);} }, 10);
}

function setAccurateInterval(callbackfunction, millis, id=0){
    nowMillisInterval[id] = getCurrentMillis();
    interval[id] = setInterval(function(){ var now = getCurrentMillis(); if(now >= (+nowMillisInterval[id] + +millis)){callbackfunction.call(); nowMillisInterval[id] = getCurrentMillis();} }, 10);
}

//usage
setAccurateTimeout(function(){ console.log('test timeout'); }, 1000, 1);

setAccurateInterval(function(){ console.log('test interval'); }, 1000, 1);

</script>