setIntervalはAndroidのFirefoxで継続的に実行されます

Question

私は数秒ごとにサーバーをポーリングしてDOMを更新するJavascriptの短いスニペットを持っています。

function updateCard() {  
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
      card = JSON.parse(this.responseText); 
      document.getElementById("season").innerHTML = card.season; 
     }     
    };      
    xhttp.open("GET", "/curr_card/", true); 
    xhttp.send(); 
} 
window.onload = updateCard; 
window.setInterval(updateCard,2000); 

ほとんどのブラウザではどうなりますか。 updateCardへの一回限りの通話がありますが、サーバー全体でクライアントあたり1秒あたり〜1/2接続が表示されます。

しかし、Android（49.0）でFirefoxのページにアクセスすると、ブラウザは連続してポーリングを開始します/curr_card/、数十秒。

setInterval行をwindow.setInterval(function() {updateCard();},2000);に置き換えることをおすすめしていますが、これは役に立ちません。

私はJavascriptとAJAXの新機能です。なぜこれが起こっているのか分かりません。それはFFのバグですか？私は要求されればより多くのコードを掲載することができます

ありがとうございます。

Answer 1

OPのコメントでテストして議論したところ、OPのHTC M7でのFirefox固有の問題であると判断しました.Gallaxy S7の同じバージョンのFirefoxで再現できないためです。

Answer 2

これは、一部のデバイスでFirefoxで発生する可能性があります。

応答があるため、サーバ後半の答えを完了していないが、それはように別のリクエストを送信したときにはこのように何かの操作を行うために...

が起こることがあります。

function updateCard(before, after) {  
    if(before) { 
     before(); 
    } 

    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
      card = JSON.parse(this.responseText); 
      document.getElementById("season").innerHTML = card.season; 
     } 

     if(after) { 
      after(); 
     } 
    };      
    xhttp.open("GET", "/curr_card/", true); 
    xhttp.send(); 
} 

window.onload = updateCard; 

var updateCardRunning = false; 
setInterval(function() { 
    if(updateCardRunning === true) { 
    console.log('postponing to next schedule'); 
    return; 
    } 

    updateCard(
    function() {updateCardRunning = true;}, 
    function() {updateCardRunning = false;} 
); 
}, 2000); 

か：

function updateCard() {  
    var xhttp = new XMLHttpRequest(); 
    window.xhttp = xhttp; 

    xhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
      card = JSON.parse(this.responseText); 
      document.getElementById("season").innerHTML = card.season; 
     } 
    }; 

    xhttp.open("GET", "/curr_card/", true); 
    xhttp.send(); 
} 

window.onload = updateCard; 
setInterval(function() { 
    if(window.xhttp) { 
    window.xhttp.abort(); 
    } 
    updateCard(); 
}, 2000);