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请求，您可以使用网络浏览器的开发工具。

使用谷歌浏览器按F12，然后转到网络面板

您的浏览器将使用他的缓存进行第二次请求，他将在网络面板的结果字段中告诉您

Answer 2

了解已输入了多少http请求的一种方法是查看服务器日志。

Answer 3

只要客户端没有在浏览器上禁用缓存，服务器就应该响应缓存已用于第二个请求。您可以使用Net面板在Firebug中分析页面来测试这一点。您应该看到第一个请求的图像下载和第二个请求的304资源未修改。

以下是否会导致两个HTTP请求？

3 个答案: