youngwind / blog

梁少峰的个人博客
4.66k stars 385 forks source link

浏览器特性检测工具:Modernizr #31

Open youngwind opened 8 years ago

youngwind commented 8 years ago

原因

我在使用chart.js的时候碰到不少IE8的兼容性问题,其中包括动画问题 #29 。 chart.js官方文档推荐使用Modernizr来进行浏览器特性检测,进而决定是否显示动画。

使用方法

下载

Modernizr可以检测很多浏览器的特性,在它的官网可以随意勾选你所需要的检测特性,然后生成js文件,比如这次我只需要检测canvas,所以大概这样。

2016-02-29 6 57 44

使用

引入了modernize.custom.js文件之后,如果要检测某个特性,只需要这样。

 if (Modernizr.awesomeNewFeature) {
    console.log('this feature support!');
  } else {
    console.log('this feature do not support!');
  }

PS:开发环境中也可以直接选择development build,这样就包含所有特性的检测了。