检测浏览器是否支持HTML5/CSS3神器Modernizr
来源:互联网 发布:淘宝可以送到加拿大 编辑:程序博客网 时间:2024/04/30 11:36
什么是Modernizr?
Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库。 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能。 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠。 一整套测试的执行时间仅需几微秒。 此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化。
传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生,作为一个开源的 JavaScript 库,Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏览器不支持的功能,而是令你通过创建可选风格配置修改页面设计。 它也可以通过加载定制的脚本来模拟老版本浏览器不支持的功能。
Modernizr 简单易用,但不是万能的。 成功使用 Modernizr 很大程度上取决于你的 CSS 和 JavaScript 技能。 通过本指南,你可以了解如何为不支持多栏或投影的浏览器设置可选风格。 此外,你还可以了解如何让老版本浏览器对使用最新 HTML5 要求(required)属性的表单进行验证,以及如何根据浏览器的功能有选择地加载脚本文件。
下载 Modernizr
访问 Moderniz 网站,其地址为 http://www.modernizr.com/
使用方法:
如判断浏览器是否支持本地存储功能,代码如下
if (Modernizr.localstorage) {// window.localStorage is available!} else {// no native support for local storage :(// maybe try Gears or another third-party solution}
1 0
- 检测浏览器是否支持HTML5/CSS3神器Modernizr
- Modernizr 检测浏览器是否支持HTML5元素
- Modernizr.js插件 检测浏览器对 CSS3 或 HTML5 功能支持情况
- 如何检测浏览器是否支持CSS3?
- 检测浏览器是否支持CSS3的方法
- 浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍
- HTML5 - 判断浏览器是否支持html5某个功能(使用modernizr.js)
- Modernizr.js入门指南,检查浏览器对Html5和Css3的语法支持
- 检测浏览器是否支持html5视频
- 如何检测浏览器是否支持HTML5
- 检测浏览器是否支持HTML5视频
- 检测浏览器是否支持HTML5功能【转】
- html5 检测浏览器是否支持新特性
- HTML5 - 用Modernizr检测浏览器对表单和表单验证的支持情况
- HTML5 学习记录之浏览器检测是否支持HTML5
- 如何检测浏览器是否支持html5或者其部分元素
- html5 placeholder 属性 并检测浏览器是否支持这个属性
- 如何检测您的浏览器是否支持HTML5视频
- Lambda表达式理解和Func<T,TResult>的浅析
- Gradle学习之第二步创建Task
- sqlserver2008删除日志
- 第12周项目2.1 求N组数的最大公约数
- 浅析 Linux 中的时间编程和实现原理,第 3 部分: Linux 内核的工作
- 检测浏览器是否支持HTML5/CSS3神器Modernizr
- .NET开源引炸锅,纳德拉的计,微软的谋
- 混合高斯模型背景建模算法
- 在MyEclipse中如何设置jsp,xml等文件默认的打开方式
- C语言windows目录操作
- java中static作用详解
- Android listview滑动 checkbox选中会消失
- 英文金曲大赛
- 移动平台商家支付宝如何获取商户私钥,支付宝公钥。