Modernizr有帮助吗?

Sim*_*ill 7 html javascript html5 css3 modernizr

我似乎无法在我的网站上使用modernizr.我已将javascript文件添加到文件夹中并调用它们.我还在html中添加了no-js,但仍然没有.

当我查看源代码时,它不会像它应该填充html.

我没有将它用于css3元素,所以我不需要任何后备样式,我只是希望能够使用更多的语义标签,如标题,导航,页脚等...

这是我的文档代码:

<!DOCTYPE html>

<html class="no-js" lang="en">
<head>
    <meta charset=utf-8>
    <title></title>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <![endif]-->

    <script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

Mat*_*kle 10

我自己也遇到了这个问题.确保在运行时查看页面.当您查看页面源时,不会执行js调用,也不会替换no-js.如果您使用的是Chrome,请使用其元素检查器.


met*_*ion 5

这很可能是路径问题.尝试暂时替换

<script type="text/javascript" src="/js/modernizr-1.7.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

同

<script type="text/javascript" src="http://ajax.cdnjs.com/ajax/libs/modernizr/1.7/modernizr-1.7.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

或者它可能有效,但并不明显.请记住,当您查看源代码时,您看不到Modernizr类,您需要像FF上的Firebug或Chrome上的开发人员工具这样的工具来实际检查后javascript代码.

另外一个测试就是做......

.borderradius body {
  background: #c00;
}
Run Code Online (Sandbox Code Playgroud)

如果背景为红色,那么Modernizr正在运行.