使用Modernizr检测HTML5功能
本文向大家介绍使用Modernizr检测HTML5功能，包括了使用Modernizr检测HTML5功能的使用技巧和注意事项，需要的朋友参考一下
Modernizr是一个小型JavaScript库，用于检测下一代Web技术的本机实现的可用性。
这是Modernizr可以检测到的功能列表-
| 特征 |
CSS属性 |
JavaScript检查 |
|---|---|---|
| @ font-face |
.fontface |
Modernizr.fontface |
| 帆布 |
。帆布 |
现代画布 |
| 画布文字 |
.canvastext |
Modernizr.canvastext |
| HTML5音频 |
.audio |
现代音频 |
| HTML5音频格式 |
不适用 |
Modernizr.audio [格式] |
| HTML5视频 |
。视频 |
影片 |
| HTML5视频格式 |
不适用 |
Modernizr.video [格式] |
| rgba() |
.rgba |
现代人 |
| hsla() |
.hsla |
现代化 |
| 边框图像 |
.borderimage |
现代边界图像 |
| 边框半径框阴影 |
.borderradius |
现代边界半径 |
| 盒子阴影 |
.boxshadow |
框框阴影 |
| 多种背景 |
.multiplebgs |
多重现代 |
| 不透明度 |
.opacity |
现代性 |
| CSS动画 |
.cssanimations |
现代化 |
| CSS列 |
.csscolumns |
现代化 |
| CSS渐变 |
.cssgradients |
Modernizr.css梯度 |
| CSS的思考 |
.cssreflections |
Modernizr.cssreflections |
| CSS 2D转换 |
.css转换 |
Modernizr.css转换 |
| CSS 3D变形 |
.csstransforms3d |
Modernizr.csstransforms3d |
| CSS过渡 |
.csstransitions |
Modernizr.css转换 |
| 地理位置API |
.geolocation |
现代地理定位 |
| 输入类型 |
不适用 |
Modernizr.inputtypes [type] |
| 输入属性 |
不适用 |
Modernizr.input [属性] |
| 本地存储 |
.localstorage |
现代本地存储 |
| essionStorage |
.sessionstorage |
会话存储 |
| 网络工作者 |
.webworkers |
Modernizr.webworkers |
| applicationCache |
.applicationcache |
Modernizr.applicationcache |
| SVG |
.svg |
Modernizr.svg |
| SVG剪切路径 |
.svgclippaths |
Modernizr.svgclippaths |
| SMIL |
.smil |
现代语言 |
| Web SQL数据库 |
.websql数据库 |
Modernizr.websql数据库 |
| 索引数据库 |
.indexeddb |
Modernizr.indexeddb |
| 网络插座 |
.websockets |
Modernizr.websockets |
| Hashchange事件 |
.hashchange |
现代变数 |
| 历史管理 |
.historymanagement |
现代史管理 |
| 拖放 |
.draganddrop |
现代化拖放 |
| 跨窗口消息传递 |
.crosswindowmessaging |
Modernizr.crosswindowmessaging |
| addTest()插件API |
不适用 |
Modernizr.addTest(str,fn) |
