Question

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

在PhoneGap的移动应用程序开发中是否有效？

Answer 1

Modernizr在页面加载时快速运行以检测功能;然后呢使用结果创建一个JavaScript对象，并向其中添加类用于键入CSS的html元素。 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'); 
}

Answer 2

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

Modernizr是一个小型JavaScript库，可检测下一代Web技术的本机实现的可用性，即源自HTML5和CSS3规范的功能。其中许多功能已经在至少一个主要浏览器中实现（大多数都在两个或更多），而Modernizr所做的非常简单地告诉您当前浏览器是否具有本机实现的功能。

点击此链接 - http://modernizr.com/docs/#whatis

modernizr.js如何与HTML5文件通信？

2 个答案: