Kann man externe Ressourcen, die auf einer Webseite mit JavaScript geladen sind, auflisten?

Question

Ich möchte ein Intervall haben, das verfolgt, welche Elemente auf der aktuellen Seite geladen werden. Angenommen, ich habe eine Seite, auf der eine CSS-Datei, einige Skripte, Bilder und ein Flash-Videoplayer geladen werden. Anschließend lädt der Flash-Videoplayer eine Videodatei. Die geladenen Elemente können von der gleichen Domäne wie die Seite stammen oder nicht. Einige von ihnen können durch Ajax oder Flash geladen werden und haben kein Tag auf der Seite. Ich möchte jeden Überblick behalten und ein Array erstellen, das Informationen über sie speichert.

Ich mag würde ein Skript haben, die etwas ähnlich wie diese Pseudo-Code tut:

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

dies möglich sein würde?

Answer 1

Sie können möglicherweise Resource Timing verwenden Ressourcennamen abzurufen:

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

Es ist eine Erweiterung von Navigation Timing (Can I use...) und wird in vielen Browsern unterstützt.