JavaScript ile bir web sayfasına yüklenen harici kaynakları listelemek mümkün mü?

Question

Geçerli sayfada hangi öğelerin yüklendiğini takip eden bir aralığa sahip olmak isterim. Örneğin, bir css dosyası, birkaç komut dosyası, resim, bir flash video oynatıcı yükleyen bir sayfam olduğunu ve flash video oynatıcısının bir video dosyası yüklediğini varsayalım. Yüklenen öğeler, sayfa ile aynı etki alanından olabilir veya olmayabilir. Bazıları ajax veya flash yoluyla yüklenebilir ve sayfada bir etiket bulunmuyor olabilir. Her birinin kaydını tutmak ve onlar hakkında bilgi depolayan bir dizi yapmak istiyorum.

bu pseudocode benzer bir şey yapar bir komut dosyası olsun isterim

:

var all_external_resources = array(); 

setInterval(function() { 
    var external_items = list_external_resources(); 
    for (var i in external_items) { 
    if (all_external_resources.indexOf(external_items[i]) < 0) 
     all_external_resources.push(external_items[i]); 
    } 
}, 100); 

bu mümkün olabilir mi?

Answer 1

Muhtemelen kaynak adları almak için Resource Timing kullanabilirsiniz:

var resources = window.performance.getEntriesByType("resource"); 
resources.forEach(function (resource) { 
    console.log(resource.name); 
}); 

O Navigation Timing (Can I use...) uzantısıdır ve birçok tarayıcılarda desteklenir.