这个网站是一个用于检测WebP图片是否被支持的JavaScript函数。该函数通过检查图片的宽度和高度以及图片的alpha通道来确定图片是否为WebP格式。当检测到WebP图片后,会将其显示在页面上。
代码如下:
var ewww_webp_supported=!1;
function check_webp_feature(A,e){
var w;
e=void 0!==e?e:function(){},
ewww_webp_supported?e(ewww_webp_supported):((w=new Image).onload=function(){ewww_webp_supported=0<w.width&&0<w.height,e&&e(ewww_webp_supported)},w.onerror=function(){e&&e(!1)},w.src="data:image/webp;base64,"+{alpha:"UklGRkoAAABXRUJQVlA4WAoAAAAAQAAAAAAAAAAAAQUxQSAwAAAARBxAR/Q9ERP8DAABWUDggGAAAABQBAJ0BKgEAAQAAAP4AAA3AAP7mtQAAAA=="}[A])}
check_webp_feature("alpha");
var Arrive=function(c,w){
"use strict";
if(c) {
document.querySelector("#result").textContent = "The image is a WebP format."
} else {
document.querySelector("#result").textContent = "The image is not a WebP format."
}
}
使用方法示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Check WebP Support</title>
</head>
<body>
<h1 id="result"></h1>
<script src="check_webp_feature.js"></script>
<button onclick="Arrive('image.jpg')">Check WebP Support</button>
</body>
</html>
在这个示例中,点击按钮会调用check_webp_feature
函数,并根据返回结果显示相应的提示信息。