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

我怎么知道？

4

3 回答 3

2

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

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

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

于 2013-04-11T09:06:45.500 回答
0

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

于 2013-04-11T09:07:36.933 回答
0

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

于 2013-04-11T09:08:00.427 回答