判断浏览器是否支持webp图片
我们如何判断正在使用的浏览器是否支持webp图片呢?
在网上搜索了很多教程,都不够简洁暴力。下面是我的方法:
- 准备好一张webp格式的图片,修改图片名为
1.webp
。 - 新建txt文档,粘贴下方代码保存,修改文件名为
webp.html
,并将上述图片与文件保存在同一目录下。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>webp</title>
</head>
<body>
<img src="1.webp" alt="Webp image is not supported">
</body>
</html>
- 使用待检测的浏览器打开该文件。
若正常显示图片则说明该浏览器支持webp格式,反之不支持。