使用 Modernizer 检测浏览器中的 webp 支持

Question

不知道我哪里出错了，但看起来很简单。我正在尝试检测 webp 支持。

因此，我访问了现代化网站并检查了 webp 选项，然后下载了脚本。

我已经使用 WordPress 函数文件添加了脚本，并确认它正在前端加载。

然后在脚本加载后，我使用以下代码来检测是否支持 webp：

/*
*   Check webp support
*/
if (Modernizr.webp) {
    alert('webp supported');
} else {
    alert('webp not supported');
}

唉，我没有收到任何警报消息。

开发工具控制台中也没有错误消息。

有谁知道怎么回事。

干杯

Answer 1

Modernizr.on('webp', function (result) {
  if (result) {
    // Has WebP support
  }
  else {
    // No WebP support
  }
});