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

Question

不确定我在哪里出错，但似乎很直接。我正在尝试检测WebP支持。

所以我去了Modernizer网站并检查了WebP选项，然后下载了脚本。

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

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

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

a，我没有警报消息。

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

任何人都知道发生了什么。

欢呼

Answer 1

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

Answer 2

它的工作正常，这是一个工作片段：

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>