检测浏览器是否支持webp

  • 内容
  • 相关
<script>
	async function supportsWebp() {
		if (!self.createImageBitmap) return false;

		const webpData = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
		const blob = await fetch(webpData).then(r => r.blob());
		return createImageBitmap(blob).then(() => true, () => false);
	}

	(async () => {
		if (await supportsWebp()) {
			const bg = document.getElementById('header');
			bg.style.backgroundImage = "url(img/bg.webp)";
		} else {
			console.log('不支持');
		}
	})();
</script>

本文标签:

版权声明:若无特殊注明,本文皆为《阿猿》原创,转载请保留文章出处。

本文链接:检测浏览器是否支持webp - https://www.52linglong.com/skill/12.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注