图像无法在 iOS 上的 Safari 上加载

Question

使用 iOS 上的 Safari 时，我开发的很多来自 this website 的图像没有被加载。 MacOS 上的 Safari 可以正常加载，手机或 PC 上的 Chrome、Edge 和 Firefox 也可以正常加载。

主要问题与客户端滑块中的图像有关，由于某种原因无法完全显示。

1. 我没有使用 .WEBP 图片
2. 没有 HTTPS 混合内容
3. 缓存和延迟加载已禁用
4. 网站使用 WordPress 和 PHP 开发
5. 可以直接加载相关图像（如果通过其 URL 访问）

我没有 iPhone，但我的客户有（这就是我们发现问题的方式），所以我能够测试我所做的更改的唯一方法是使用在线模拟器。

谁能帮帮我？

Answer 1

我尝试在 Safari macOS 和 iOS 上查看您的网站。客户端滑块保持空白。查看您的来源表明您的图像引用了一个 URL，Safari 可能由于其隐私控制而阻止了该 URL。也许在应用程序中本地引用这些图像？

尝试将滑块重组为更简单的结构，例如容器网格，看看是否能解决问题。您的 HTML 格式在 Safari 上表现不佳，我建议您遵循 HTML5 样式指南并调试您的应用程序以了解加载资产或网络/浏览器兼容性方面的任何错误。