浏览器html5/css3兼容性检测的javascript类库 - Modernizr简单介绍

日期:2012-4-17  来源:GBin1.com

帮助你有效的检测用户端浏览器类库 - Modernizr使用介绍

在线演示   本地下载

大家是不是在开发设计过程中遇到如下情况?某些浏览器不支持HTML5或者CSS3的某些标签和属性。而我们希望开发的网站或者web应用能在所有的浏览器中运行正确,针对不支持的浏览器我们可以提供其它fallback方式来弥补。

今天这篇文章呢,我们将介绍一个开发利器 - ModernizerModernizer 是一个Javascript的类库API,对于大部分的前端开发人员来说,使用它是一件非常简单的事情。相信大家会非常喜欢这个类库,无论你是开发人员还是设计人员!

什么是Modernizr?

开始之前我们还是介绍一下什么是ModernizerModernizer 是一个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简单介绍

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值