クロム拡張ポーリングhtmlの遅れページ

Question

私はHTMLタグを選択し、それにいくつかのことをするスクリプト（拡張機能）に取り組んでいます。ただし、このHTMLタグは、特定の時間にページ上に動的にロードされ、読み込まれるとすぐに検出したいと考えています。現在、私はwhileループ（未定義のチェック）でhtmlページをポーリングしていますが、ページに多くの遅延があります。回避策はありますか？

$(document).ready(function() { 
    // some code 
    var sizesList=document.getElementsByClassName("exp-pdp-size-dropdown-container nsg-form--drop-down--option-container selectBox-options nsg-form--drop-down exp-pdp-size-dropdown exp-pdp-dropdown two-column-dropdown selectBox-dropdown-menu")[0]; 
    while(typeof(sizesList) == 'undefined') { 
    setTimeout(function() {}, 700) 
    sizesList=document.getElementsByClassName("exp-pdp-size-dropdown-container nsg-form--drop-down--option-container selectBox-options nsg-form--drop-down exp-pdp-size-dropdown exp-pdp-dropdown two-column-dropdown selectBox-dropdown-menu")[0]; 
    } 
// some more code 
} 

私はthisウェブページでテストしています。

Answer 1

sizesList=document.getElementsByClassName(...を実行しているため、ページが遅れていますです。 setTimeoutは非同期なので、何もしません。あなたが期待するように、すべての700msのポーリングを

、あなたはsetInterval検討する必要がありますwhileループは、おそらく完全にロックアップすること

setInterval(function() { 
    if(typeof(sizesList) == 'undefined') 
    sizesList=document.getElementsBy(... 
}, 700)