仓酷云

标题: 来谈谈：modernizr:检测扫瞄器对HTML5和CSS3特征 [打印本页]

作者: 愤怒的大鸟 时间: 2015-1-15 23:14
标题: 来谈谈：modernizr:检测扫瞄器对HTML5和CSS3特征
这不是理想状况。我们必须尽可能把精力放在改善这项规范，把耗费在派系相争的精力降到最低。破洛洛文章简介：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
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

作者: 金色的骷髅 时间: 2015-1-25 17:23
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 小魔女 时间: 2015-2-3 12:25
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 小妖女 时间: 2015-2-9 01:28
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

作者: 变相怪杰 时间: 2015-2-26 17:47
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 简单生活 时间: 2015-3-8 16:36
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 谁可相欹 时间: 2015-3-16 08:31
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 因胸联盟 时间: 2015-3-22 22:08
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

欢迎光临仓酷云 (http://www.ckuyun.com/)