javascript - 如何使用javascript获取浏览器最后一次请求加载的文件列表？

Question

我是 JavaScript 世界的新手，我有一个问题:有什么方法可以访问浏览器上次请求加载的文件列表吗？ 我的意思是:当浏览器加载网页时，它不仅会加载 html 文件，还会加载 css、jpeg 等。我想通过页面上的 javascript 脚本知道那些加载文件的文件名是什么。 提前致谢!

Answer 1

我不知道这是否是一个巧妙的解决方案，但是使用 jQuery 你可以做这样的事情:

$('script').each(function(){
var file = $(this).attr("src");
$( "#result" ).append( file + "<br />" ); 
});

$('link').each(function(){
var file = $(this).attr("href");
 $( "#result" ).append( file + "<br />"); 
});

$('img').each(function(){
var file = $(this).attr("src");
 $( "#result" ).append( file + "<br />"); 
});

fiddle :http://jsfiddle.net/Mdp9J/3/

在纯 Javascript 中可能是这样的:

var script = document.getElementsByTagName("SCRIPT");
for (var i = 0; i < script.length; i++) {
    document.getElementById("result").innerHTML += script[i].src + "<br />";
}

var image = document.getElementsByTagName("IMG");
for (var i = 0; i < image.length; i++) {
    document.getElementById("result").innerHTML += image[i].src + "<br />";
}

var link = document.getElementsByTagName("LINK");
for (var i = 0; i < link.length; i++) {
    document.getElementById("result").innerHTML += link[i].href + "<br />";
}

fiddle :http://jsfiddle.net/Lotc8dda/