日期:2012-4-17 来源:GBin1.com
在线演示
本地下载
大家是不是在开发设计过程中遇到如下情况?某些浏览器不支持HTML5或者CSS3的某些标签和属性。而我们希望开发的网站或者web应用能在所有的浏览器中运行正确,针对不支持的浏览器我们可以提供其它fallback方式来弥补。
今天这篇文章呢,我们将介绍一个开发利器 - Modernizer
,Modernizer
是一个Javascript的类库API,对于大部分的前端开发人员来说,使用它是一件非常简单的事情。相信大家会非常喜欢这个类库,无论你是开发人员还是设计人员!
什么是Modernizr?
开始之前我们还是介绍一下什么是Modernizer
, Modernizer
是一个Javascript的类库,帮助你有效的检测浏览器的支持类型,典型的情况是它能够帮助你使用如下的显示方式来告诉你浏览器的相关信息:
“Hey,
browser! Do you support [insert feature here]? Great, let’s see it in
action! But if you don’t support it, I want you to do this instead:
[insert behaviour here].”
实际上它并不像其它的javascript添加功能到浏览器,例如特效或者处理,它只是简单的告诉你浏览器是否支持你需要的特性。
使用它能够让你很轻松的面对HTML5和CSS3的问题,使用Modernizer
能够很有效的帮助你控制浏览器不支持的特性。
如何使用Modernizr?
Modernizer
的使用非常简单,和其它js类库类似,我们只需要将它引入需要调用的页面即可,如下:
...
来源:浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍
分享到:
相关推荐
Modernizr:一个JavaScript库,检测用户浏览器HTML5和CSS3功能
前端项目-modernizr,Modernizer是一个javascript库,用于检测用户浏览器的HTML5与CSS3特性。
HTML5/CSS3检测库 Modernizer ,Modernizr 是一个用来检测浏览器对 HTML5 和 CSS3 特性的支持程度的 JavaSc...
Modernizr, 在用户浏览器中,Modernizr是一个用来检测HTML5和CSS3特性的JavaScript库 是一个JavaScript库,它在用户浏览器中检测HTML5和CSS3功能。网站文档文档rtc测试当前wince中的本机iseries和HTML5特性,并使用...
Nuxt-modernizr 将 Modernizr 构建添加到您的 Nuxt.js 应用程序。 安装 # npm $ npm install nuxt-modernizr # Yarn $ yarn add nuxt-modernizr 用法 将该模块添加到您的 Nuxt.js 模块列表中的nuxt.config.js :...
前端开源库-pliers-modernizr钳子现代化,使用钳子使用自定义配置生成模块化现代化文件
前端开源库-modernizr-webpack-pluginModernizer Webpack插件,在Webpack编译期间创建自定义Modernizer构建。与HTML Webpack插件集成。
gulp-modernizr, 用于自定义构建的吞咽包装 modernizr 一个用于的 Gulp 包装器。注意: 这个插件使用了的版本 3 。 请确保检查 Github repo 以获得正确的功能名称( 示例: Modernizr.touch 已经被重命名为 Modernizr.
当您准备好构建时, grunt-modernizr会抓取您的项目以获取Modernizr测试参考,并仅使用您在JavaScript或(S)CSS中使用的测试来保存缩小,丑化,自定义的版本。 入门 使用以下命令在项目的[grunt.js gruntfile] ...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0070)...
Modernizr是一个JavaScript库,用于告诉您用户浏览器中存在哪些HTML,CSS和JavaScript功能。 这可以帮助您更好地响应用户的浏览器功能,并提供更加量身定制的体验。 用户浏览器和设备的差异通常会在打开网页时导致...
现代化 在阅读葡萄牙语-BR的文件Modernizr是一个JavaScript库,可检测用户浏览器中HTML5和CSS3功能。 我们的网站已经过时和损坏,请不要使用它( ),而应从npm构建您的modernizr版本。Modernizr测试了当前UA中哪些...
Using Modernizr to detect HTML5 and CSS3 browser support
内容包括html5和css3简介、html5标记、html5语义、html5表单、html5音频和视频、css3渐变和多背景、css转换和过渡、嵌入字体和多列布局、地理定位、离线web应用和web存储、画布、svg和拖放、modernizr、wai-aria以及...
modernizr框架制作html5 CSS3动画属性8种瀑布流
注意:此插件使用Modernizr的版本3。 确保检查中正确的功能名称(例如: Modernizr.touch已重命名为Modernizr.touchevents )。 用法 首先,将gulp-modernizr安装为开发依赖项: npm install --save-dev gulp-...
可以用来检测CSS3样式兼容问题。 非常好用的,想必其他的还是有优势。
html5 modernizr网格排列图片css3 animation网页多种缩略图动画效果
yii2-modernizr-widget https://github.com/Modernizr/Modernizr 作曲家.json " require " : { " xj/yii2-modernizr-widget " : " * " }, xj\modernizr\ ModernizrAsset :: register ( $ this );