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

Posted 2023-02-23

【中文标题】图像无法在 iOS 上的 Safari 上加载

【英文标题】：Images not loading on Safari on iOS

【发布时间】：2020-06-23 18:12:13

【问题描述】：

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

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

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

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

谁能帮帮我？

【参考方案1】：

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

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