Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
modernizr.js如何与HTML5文件通信?_Html_Css_Cordova_Modernizr - Fatal编程技术网

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

modernizr.js如何与HTML5文件通信?,html,css,cordova,modernizr,Html,Css,Cordova,Modernizr,我想在我的网站上使用modernizr.js。 它是如何工作的? 它如何与其他js文件通信? 我如何使用它 它在PhoneGap的移动应用程序开发中有效吗 据我所知,它主要用于非支持浏览器中的HTML5或CSS3 Modernizr是一个小型JavaScript库,用于检测下一代web技术的本机实现的可用性,即源自HTML5和CSS3规范的功能。这些功能中的许多已经在至少一个主要浏览器中实现(大多数在两个或更多个浏览器中实现),Modernizer所做的很简单,就是告诉您当前浏览器是否本机实现了

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


它在PhoneGap的移动应用程序开发中有效吗

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

Modernizr是一个小型JavaScript库,用于检测下一代web技术的本机实现的可用性,即源自HTML5和CSS3规范的功能。这些功能中的许多已经在至少一个主要浏览器中实现(大多数在两个或更多个浏览器中实现),Modernizer所做的很简单,就是告诉您当前浏览器是否本机实现了此功能

查看此链接-

Modernizer在页面加载时快速运行以检测功能;那么 使用结果创建一个JavaScript对象,并将类添加到 html元素,您可以在其上键入CSS。Modernizer支持几十个 测试,并可选地包括用于条件加载的YepNope.js 外部.js和.css资源

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

乙二醇


你看到了吗?谢谢@HADI。它非常有用感谢您的有用回复。这表明浏览器是否支持该标记。但是它也会添加解决方案吗?不,它不会添加解决方案。它不会像某些文章中缺乏信息所暗示的那样使浏览器兼容。它只是验证浏览器是否可以执行某些操作,并让您的css知道,这样您就可以在不支持该功能的情况下编写一个特例。好的。知道了。谢谢Danilo:)
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'); 
}