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