He estado buscando una solución para esto durante meses, pero no puedo encontrarla, así que lo intento aquí.
Tenemos varios sitios web responsivos de Bootstrap 4 que tienen un problema: - Las imágenes en los dispositivos iPhone y iPad no se cargan. Solo después de una o más actualizaciones.
Así lo tenemos funcionando, bajo los niveles más altos de SSL:
- website domain: www.website.com - images location: subdomain.otherdomain.com
Ambos están en el mismo servidor y certificado SSL, y el SSL está instalado correctamente. Debo incluir aquí que el dominio sin 'www' no está en el SSL.
Esta es la etiqueta de imágenes que funciona en cualquier otro navegador en cualquier otro dispositivo:
<img class="img-fluid fit-image" src="https://subdomain.otherdomain.com/subdir/2020/img-name.jpg" alt="Not working"></a>
¿Alguien tiene una idea de cómo resolver esto? O hay gente que le pasa lo mismo?
¡RESUELTO!
Tomó un tiempo resolver este problema. Esta es la solución definitiva si alguna vez te encuentras con imágenes que no se cargan en Safari.
Es un error molesto en Safari de Apple en todos sus dispositivos, simplemente no poder cargar solicitudes de URL desde un subdominio que incluso tiene un certificado SSL instalado.
La solución es bastante sencilla: si un sub.dominio.com comparte un certificado SSL con más de 10 nombres de dominio, a Safari no le gusta.
La situación explicada
Luego: Safari en todos los dispositivos Apple dice: bloqueemos las imágenes de 'sub.domain.com'. (Incluso cuando es el mismo nombre de dominio).
SOLUCIÓN
Para estar seguro en las imágenes y otros archivos cargados en domain.com o anydomain.com en Safari, todo, desde 'sub.domain.com' tiene que estar en un solo certificado. El certificado más barato ya funciona. Safari solo busca datos limpios en un certificado sin demasiada interferencia de otros dominios en el mismo certificado. Consejo adicional: la mejor manera es cargar archivos desde un dominio completamente diferente: https://domain2.media .
CONCLUSIÓN
Al cargar datos desde otra ubicación SSL en un sitio web, asegúrese de que la ubicación https tenga su propio SSL único.