请问以下会导致两个HTTP请求吗？

Question

var img = new Image(); 
$(img).attr('src', "<?php echo $image_url; ?>"); 

$(window).load(function(e){ 
    resetImageSize(img); 
    td.css('background-image', 'url("<?php echo $image_url; ?>")'); 
}); 

$(window).resize(function(e){ 
    resetImageSize(img); 
}); 

function resetImageSize(img){ 
    var wr = $("#wrapper"); 
    var td = $("#wrapper td"); 

    if(img.width > wr.width() || img.height > wr.height()){ 
     td.css('background-size', 'contain'); 
    } else { 
     td.css('background-size', img.width); 
    } 
} 

我怎么知道？

Answer 1

如果你想知道你的应用程序做了多少个http请求，你可以使用web浏览器的开发工具。

与谷歌浏览按F12键，然后转到网络面板

您的浏览器将使用他的缓存的第二个请求，他会告诉你在网络面板的

Answer 2

一种方式的结果字段知道输入了多少个http请求就是查看服务器日志。

Answer 3

只要客户端没有在浏览器上禁用缓存，服务器就应该响应缓存已被用于第二个请求。您可以通过使用Net面板在Firebug中分析您的页面来测试。您应该看到第一个请求的图像下载以及第二个请求的304 Resource Not Modified。