来谈谈：modernizr:检测扫瞄器对HTML5和CSS3特征

只看该作者 · 发表于 2015-1-15 23:14:41

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

这不是理想状况。我们必须尽可能把精力放在改善这项规范，把耗费在派系相争的精力降到最低。破洛洛文章简介：Modernizr与HTML5.
好吧，如今盛行HTML5，我就给它题目加上个HTML5吧:)
实在modernizr就是为HTML5而生的——它是一个检测扫瞄器对HTML5和CSS3特征撑持的JS库，出名的HTML5/CSS3扫瞄器兼容性网站FindmeByIP就是基于该框架完成的。

登录/注册后可看大图

能够看到，右下角绿色按钮下面有Modernizr的链接。
Modernizr的功效

modernizr的功效实在很复杂，就是用js检测扫瞄器对HTML5/CSS3的特征撑持情形，撑持某个属性，就在页面的<html>标签上增加一个响应的class，不撑持的话就增加一个no-前缀的class，好比，假如检测的扫瞄器撑持video标签，modernizr就会在<html>标签上增加video类，不然，增加no-video类。
检察FindMeByIP的源码大概用firebug之类的工具检察页面代码，就能够看到<HTML>标签中的class。
别的，modernizr也供应了别的一种用法，就是独自的检测扫瞄器对某个特征的撑持情形，比方：

if(Modernizr.video){}

复制代码

经由过程相似的接口检测扫瞄器对HTML5的撑持情形，是对照平安的。
扫瞄器检测：UAVS特征

实在人人一般城市用UA往检测一个扫瞄器，固然ua也供应了更丰厚的信息，UA不是全能的，它也有一些缺点，好比，用户扫瞄器的UA假装，某些掉队扫瞄器供应的UA信息太少，这些城市影响到对扫瞄器信息的判别。更主要的是，关于HTML5特征来讲，用UA往判别一个扫瞄器是不是撑持某个特征，完成太庞大并且不靠谱。
固然，关于UA和特征检测的争辩一向都有，我这里想说的是，详细成绩详细剖析，在网站中利用HTML5来检测特征撑持要比UA更靠谱、更便利～～
利用Modernizr

modernizr的用法很复杂，仅仅在页面中引进库的js文件便可：

<scripttype="text/javascript"src="modernizr-1.5.js"></script>

复制代码

Modernizr是开源的，可是因为某种缘故原由，它被G-FW给封失落了。
Modernizr@git

modernizr项目托管在git，你能够经由过程以下地点猎取它：
http://github.com/Modernizr/Modernizr
作者还在git供应了一个复杂的输入页：
http://modernizr.github.com/Modernizr/output.html
和一个具体测试页面：
http://modernizr.github.com/Modernizr/test/index.html
扩大浏览：

detactingHTML5features
SafelyDeployHTML5andCSS3withModernizr
</p>
最近群里面很多人在问html5应该怎么学，这个问题其实没有标准答案。我开这个帖子，目的是为了收集大家每天的学习心得，欢迎大家来回复。

只看该作者 · 发表于 2015-1-17 20:54:14

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-1-25 17:23:03

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-2-3 12:25:17

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

只看该作者 · 发表于 2015-2-9 01:28:59

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

只看该作者 · 发表于 2015-2-26 17:47:09

每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

只看该作者 · 发表于 2015-3-8 16:36:42

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-3-16 08:31:49

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

只看该作者 · 发表于 2015-3-22 22:08:30

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

		自动登录	找回密码
密码			立即注册

[HTML5] 来谈谈：modernizr:检测扫瞄器对HTML5和CSS3特征

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子