检测WebP支持

• Z时代
• 2024-01-10
• 分类：问答

如何通过Javascript检测对WebP的支持？如果可能，我想使用功能检测而不是浏览器检测，但是我找不到方法。Modernizr（www.modernizr.com）不会对其进行检查。

回答：

这是我的解决方案-大约需要6毫秒，而且我认为WebP只是现代浏览器的一项功能。使用canvas.toDataUrl（）函数而不是图像使用另一种方法来检测特征：

function canUseWebP() {
    var elem = document.createElement('canvas');
    if (!!(elem.getContext && elem.getContext('2d'))) {
        // was able or not to get WebP representation
        return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
    }
    // very old browser like IE 8, canvas not supported
    return false;
}

以上是 检测WebP支持 的全部内容， 来源链接： utcz.com/qa/420590.html