使用 Modernizr 检测 HTML5 特性


Modernizr 是一个小型 JavaScript 库,用于检测下一代 Web 技术的原生实现可用性。

以下是 Modernizr 可以检测的特性列表:

特性
CSS 属性
JavaScript 检查
@font-face
.fontface
Modernizr.fontface
Canvas
.canvas
Modernizr.canvas
Canvas 文本
.canvastext
Modernizr.canvastext
HTML5 音频
.audio
Modernizr.audio
HTML5 音频格式
NA
Modernizr.audio[format]
HTML5 视频
.video
Modernizr.video
HTML5 视频格式
NA
Modernizr.video[format]
rgba()
.rgba
Modernizr.rgba
hsla()
.hsla
Modernizr.hsla
border-image
.borderimage
Modernizr.borderimage
border-radius/box-shadow
.borderradius
Modernizr.borderradius
box-shadow
.boxshadow
Modernizr.boxshadow
多重背景
.multiplebgs
Modernizr.multiplebgs
不透明度
.opacity
Modernizr.opacity
CSS 动画
.cssanimations
Modernizr.cssanimations
CSS 列
.csscolumns
Modernizr.csscolumns
CSS 渐变
.cssgradients
Modernizr.cssgradients
CSS 反射
.cssreflections
Modernizr.cssreflections
CSS 2D 变换
.csstransforms
Modernizr.csstransforms
CSS 3D 变换
.csstransforms3d
Modernizr.csstransforms3d
CSS 过渡
.csstransitions
Modernizr.csstransitions
地理位置 API
.geolocation
Modernizr.geolocation
输入类型
NA
Modernizr.inputtypes[type]
输入属性
NA
Modernizr.input[attribute]
localStorage
.localstorage
Modernizr.localstorage
sessionStorage
.sessionstorage
Modernizr.sessionstorage
Web Workers
.webworkers
Modernizr.webworkers
applicationCache
.applicationcache
Modernizr.applicationcache
SVG
.svg
Modernizr.svg
SVG 剪辑路径
.svgclippaths
Modernizr.svgclippaths
SMIL
.smil
Modernizr.smil
Web SQL 数据库
.websqldatabase
Modernizr.websqldatabase
IndexedDB
.indexeddb
Modernizr.indexeddb
Web 套接字
.websockets
Modernizr.websockets
Hashchange 事件
.hashchange
Modernizr.hashchange
历史管理
.historymanagement
Modernizr.historymanagement
拖放
.draganddrop
Modernizr.draganddrop
跨窗口消息
.crosswindowmessaging
Modernizr.crosswindowmessaging
addTest() 插件 API
NA
Modernizr.addTest(str,fn)

更新于: 2020-03-04

124 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.