判断浏览器是否支持webp

Posted ontheway1215

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了判断浏览器是否支持webp相关的知识,希望对你有一定的参考价值。

判断浏览器是否支持webp格式

var isSupportWebp = !![].map && document.createElement(‘canvas‘).toDataURL(‘image/webp‘).indexOf(‘data:image/webp‘) == 0;

返回true或false;

true为支持,false不支持

!![].map主要是判断是否是IE9+,以免toDataURL方法会挂掉。如果你直接对数组原型扩展了map方法,则需要使用!![].map以外的方法进行判断,例如!!window.addEventListener等。

以上是关于判断浏览器是否支持webp的主要内容,如果未能解决你的问题,请参考以下文章

CENTOS 7+PHP7使用imagemagick 将webp格式图片转换为jpeg格式

php 对 WEBP 图像元数据的支持

如何在 Safari 浏览器中添加 webp 支持

web项目性能优化(整理)

好评!Edge浏览器支持Chrome主推的.webp图片格式了

如何使用Webp图像和支持野生动物园