如何检查浏览器是否支持 AVIF 图片。

18 浏览
0 Comments

如何检查浏览器是否支持 AVIF 图片。

如何使用JavaScript检测浏览器是否支持AVIF图像？我查看了这个问题，在阅读了答案后，我能够构建一个有用的一行代码函数来检查浏览器对各种图像类型的支持情况。

const isSupported = (type) => document.createElement('canvas').toDataURL(`image/${type}`).indexOf(`data:image/${type}`) === 0;

这对于webp（以及jpeg和png）图像可以正常工作。但对于avif（以及gif）图像则不起作用。

所谓不起作用是指该函数返回false，即使浏览器支持AVIF图像。

那么，这种方法有什么问题？使用JavaScript检测浏览器对avif图像的支持的正确方式是什么？

0