-2

我想在我的网站上使用modernizr.js。它是如何工作的？它如何与其他js文件通信？我该如何使用它？

它是否适用于使用 PhoneGap 进行移动应用程序开发？

4

2 回答 2

1

Modernizr 在页面加载时快速运行以检测功能；然后它会创建一个带有结果的 JavaScript 对象，并将类添加到 html 元素中，以便您键入 CSS。Modernizr 支持数十种测试，并且可以选择包含 YepNope.js 用于有条件地加载外部 .js 和 .css 资源。

是的，它确实适用于phonegap。通常，modernizr 所做的只是检查“浏览器”是否具有特定属性并将类应用于 html 标记。因此您可以为支持该功能的浏览器和不支持该功能的浏览器创建样式。

例如

cssmasks .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-color: #ffcc33;
    display: inline-block;
}
.no-cssmasks .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: inline-block;
    background-image: url('http://i.cubeupload.com/VvBVjp.png'); 
}
.cssmasks .icon-note{
    -webkit-mask-image: url('http://i.cubeupload.com/VvBVjp.png'); 
}
于 2013-02-05T06:41:00.803 回答
0

据我所知，它主要用于不支持的浏览器中的 HTML5 或 CSS3。

Modernizr 是一个小型 JavaScript 库，用于检测下一代 Web 技术的本地实现的可用性，即源自 HTML5 和 CSS3 规范的特性。其中许多功能已经在至少一个主流浏览器中实现（大部分在两个或多个浏览器中实现），Modernizr 所做的很简单，就是告诉你当前浏览器是否原生实现了这个功能。

查看此链接 - http://modernizr.com/docs/#whatis

于 2013-02-05T06:37:02.107 回答