如何使用javascript获取上次请求时由浏览器加载的文件列表？

我是javascript领域的新手，我有一个问题：有没有办法访问浏览器上次请求时加载的文件列表？ 我的意思是：当浏览器加载网页时，它不仅加载html文件，还加载css、jpeg等。我想通过页面上的javascript脚本了解加载文件的文件名。

---

提前谢谢

我不知道这是否是一个简洁的解决方案，但使用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 />"); 
});

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

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

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

小提琴：

在纯Javascript中，可能是这样的：

$('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 />"); 
});

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

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

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

---

Fiddle:

为什么不使用浏览器的内置开发工具来查看呢？我需要在javascript代码中使用它