ios - 图像需要很长时间才能在 iOS 上加载 phonegap 应用程序

Question

我正在将一组缩略图动态加载到 phonegap 应用程序的列表中。这是我用来加载图像的功能:

var getUserImage = function(src) {
    // render the users profile image
    var $profileImage;
    if ( typeof src ==='undefined' || src === 'placeholder.jpg' || src === '') {
        // avoid hitting the server
        $profileImage = $('<img />', {
            class: 'profile-image responsive-image',
            src: 'img/placeholder.png'
        });
    } else {
        var imgSrc = $.app.config.imagePath + src + '?width=200&height=200&crop=auto';

        $profileImage = $('<img />', {
            class: 'profile-image responsive-image',
            src: imgSrc
        }).one('error', onImageLoadError);
    }

    return $profileImage;
};

我修改了 else 语句以对图像加载事件执行 console.log。图片(每个大约 10-15KB)加载需要一分钟!这不是服务器问题，它绝对可以在我的浏览器和 Android 上找到。只是 iOS 需要永远。

Answer 1

事实证明它超出了 Safari 浏览器可以处理的请求数量。我们在应用程序中使用长轮询，并且 safari web View 将并发连接数限制到单个域。

解决方案很简单。将来自不同域(或子域)的图像提供给我们用来访问 API 的图像。通过这种方式，您可以增加可以建立的并发连接数。