阅读量:0
要检测浏览器是否支持WebP格式，可以使用JavaScript来获取浏览器的功能并将其发送到PHP
- 首先，创建一个HTML文件（例如：index.html），并添加以下内容：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>WebP Support Check</title> </head> <body> <script> function checkWebPSupport() { const tester = new Image(); tester.onload = function () { if (tester.width === 2 && tester.height === 1) { document.location.href = 'check_webp.php?support=true'; } else { document.location.href = 'check_webp.php?support=false'; } }; tester.onerror = function () { document.location.href = 'check_webp.php?support=false'; }; tester.src = 'data:image/webp;base64,UklGRiIAAABXRUSOQVQ4lAAACAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA'; } checkWebPSupport(); </script> </body> </html> 这段代码会尝试加载一个WebP图像。如果成功，说明浏览器支持WebP格式，然后将用户重定向到check_webp.php文件并附加support=true参数。如果失败，将用户重定向到check_webp.php文件并附加support=false参数。
- 接下来，创建一个PHP文件（例如：check_webp.php），并添加以下内容：
<?php $webp_support = isset($_GET['support']) && $_GET['support'] == 'true'; if ($webp_support) { echo "浏览器支持WebP格式"; } else { echo "浏览器不支持WebP格式"; } ?> 这段PHP代码会检查URL参数support的值，如果为true，则表示浏览器支持WebP格式，否则表示不支持。
现在，当用户访问index.html时，页面会自动检测浏览器是否支持WebP格式，并显示相应的结果。
