The same problem here, it's terrible 😟, this is what I found spending almost a day on it:
- It seems to occur only on iOS installs which were upgraded from iOS7 to iOS8 at websites which were visited already in iOS7. (Hard to test, because we are no longer allowed to go back to iOS7. So I am running out of devices...)
- I tried reloading all images in image tags and all css background images at the website with JS, but that didn't help, it still gives problems, but now with other images.
- After clearing the cache of the browser, the problem is gone forever (Which I don't like at all, because it makes it even harder to test, and I can't expect visitors of my websites to clear the cache before being able to use the website.)
Please Apple, could someone have a look at this soon?
This is the code I tried to reload all images and background images onload of the page for iOS8 and iOS8.1 only, but didn't solve the problem:
var iOS = /(iPad|iPhone|iPod)/g.test( navigator.userAgent );
var iOS8 = /(OS 8_1|OS 8_0)/g.test( navigator.userAgent );
if (iOS && iOS8){
var images = document.images;
var parser = document.createElement('a');
for (var i=0; i<images.length; i++) {
parser.href = images[i].src;
if (!parser.search){
images[i].src = images[i].src + '?cache=ios8ImageCache';
}
}
$("*").each(function() {
var bg_img = $(this).css("background-image");
if (bg_img !== "none") {
var url = /url\((.*)\)/i.exec(bg_img);
if (url) {
$(this).css("background-image", "url(" + url[1] + "?cache=ios8ImageCache)");
}
}
});
}