WebP 图像类型未在 ios 设备 chrome 浏览器上显示答案

【问题标题】：WebP image type not shown on ios device chrome browserWebP 图像类型未在 ios 设备 chrome 浏览器上显示
【发布时间】：2020-09-25 18:33:22
【问题描述】：

我正在尝试在我的网页上显示 webp 图片。我尝试了很多解决方案，但每个解决方案都只在 ios 设备上存在问题。 webp 没有显示，而且在某些情况下，如果您尝试在 ios 上的 Chrome 中下载此类图像，它会将图像显示为 txt 文件。

目前的解决方案是：

<picture class="image mb-5 mb-md-3">
    <source srcset="mywebpimage.webp" type="image/webp">
    <source srcset="myjpgimage.jpg" type="image/jpeg">
    <img src="myjpgimage.jpg" alt="alt">
</picture>

我还尝试了一个 php 解决方案 - 通过 http_accept 检查浏览器中的 webp 支持。

    $webp_support = false;
if (isset($_SERVER["HTTP_ACCEPT"])) {
    if (strpos($_SERVER["HTTP_ACCEPT"], "image/webp") > 0) {
        $webp_support = true;
    }
}

除了 ios 之外，这也可以正常工作。

那么 ios chrome 浏览器是被诅咒了还是不支持 webp？如果我在 ios 上回显 $_SERVER["HTTP_ACCEPT"]，它会显示为 TRUE。但如果我在 ios chrome 浏览器上回显 $webp_support，它会显示为 FALSE。

所以好像不支持webp，还是ios有什么特殊的方式显示webp？

【问题讨论】：

标签： html image webp

【解决方案1】：

“iOS Chrome”是...

...只是 iOS Safari Mobile 和 Chrome 皮肤。

Safari 和 iOS Safari Mobile 都不支持 WebP（目前）。

见：https://caniuse.com/#search=webp

【讨论】：