Modernizr将空类添加到HTML标记

时间:2017-11-03 17:03:00

标签: javascript css cross-browser frontend modernizr

我第一次尝试使用Modernizr,而我无法按照文档为HTML标记添加类。

我使用Modernizr的构建功能生成自定义js文件,以测试CSS Object Fit属性的兼容性。我将名为modernizr-custom.js的文件添加到我的Javascript目录中,并使用Gulp,通过我的gulpfile加载它。现在,当我刷新并打开chrome dev工具时,我发现HTML标记现在有一个空类:class=" "而不是class="object-fit"。这告诉我Modernizr正在做某事,但显然这不正确。

我的根目录中有modernizr-config.json,其设置如下:

{
  "minify": true,
  "options": [
    "setClasses"
  ],
  "feature-detects": [
    "css/objectfit"
  ]
}

我是否应该加载任何其他Modernizr js文件才能正常工作?任何见解都会很精彩,因为我确信我还没有完全理解如何设置它。

1 个答案:

答案 0 :(得分:0)

解决方案:使用缩小的文件导致问题。用非缩小文件替换文件后,一切都按预期工作。