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

我不确定我在这里哪里出了问题，但这似乎是直截了当的。 我正在尝试检测webp支持

所以我去了modernizer网站，检查了webp选项，然后下载了脚本

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

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

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

唉，我没有收到警告信息

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

谁都知道发生了什么事

---

干杯

很好，这里有一个工作片段：

/*
检查webp支持
*/
if（modernizer.webp）{
log（“支持webp”）；
}否则{
console.log（“不支持webp”）；
}

---

modernizer.on不是一个函数
这个语法是从哪里来的？在现代化的v3Hi Ahmad中，一定是某种缓存问题，清除了缓存，它可以正常工作。但我知道firefox不支持webp，但它运行的是
console.log（'webp-supported'）我在读一篇关于
3
版本中修复的bug的文章，我的代码片段使用了
2.8.3
。也许这就是问题所在。firefox计划在这里支持webp检查：那么您是否已经打开了它？也检查一下。更改为
2.8.3
，但它仍然不能正常工作。我有firefox版本
55.0.3
Modernizr.on('webp', function (result) {
  if (result) {
    // Has WebP support
  }
  else {
    // No WebP support
  }
});