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

Question

我正在尝试在我的网页上显示 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？

Answer 1

"iOS Chrome" 是...

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

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

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

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

WebP image type not shown on ios device chrome browser

html

image

webp