使用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
  }
});

Answer 2

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

＆＃13;

＆＃13;

/*
  Check webp support
 */

if (Modernizr.webp) {
    console.log('webp supported');
} else {
    console.log('webp not supported');
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;