È possibile elencare le risorse esterne caricate su una pagina Web con JavaScript?

Question

Mi piacerebbe avere un intervallo che tenga traccia di quali elementi vengono caricati nella pagina corrente. Ad esempio, supponiamo di avere una pagina che carica un file css, alcuni script, immagini, un lettore video flash e quindi il lettore video flash carica un file video. Gli elementi caricati possono o non possono appartenere allo stesso dominio della pagina. Alcuni di essi possono essere caricati tramite ajax o flash e non hanno un tag sulla pagina. Voglio tenere traccia di ciascuno e creare una matrice che memorizzi le informazioni su di loro.

Mi piacerebbe avere uno script che fa qualcosa di simile a questo pseudocodice:

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

Questo sarebbe possibile?

Answer 1

È possibile eventualmente utilizzare Resource Timing per recuperare i nomi delle risorse:

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

è un'estensione di Navigation Timing (Can I use...) ed è supportato in molti browser.