<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="modernizr.js" type="text/javascript"></script>
</head>
<body>
no-htmlimports no-flash no-proximity sizes transferables applicationcache blobconstructor blob-constructor cookies cors customelements customprotocolhandler customevent dataview eventlistener geolocation history no-ie8compat json messagechannel notification postmessage queryselector serviceworker svg templatestrings typedarrays websockets no-xdomainrequest webaudio cssescape focuswithin supports target no-microdata mutationobserver passiveeventlisteners picture es5array es5date es5function es5object strictmode es5string es5syntax es5undefined es5 es6array arrow es6collections generators es6math es6number es6object promises es6string devicemotion deviceorientation filereader beacon no-lowbandwidth eventsource fetch xhrresponsetype xhr2 speechsynthesis localstorage sessionstorage no-websqldatabase svgfilters urlparser urlsearchparams getusermedia websocketsbinary atobbtoa atob-btoa no-framed sharedworkers webworkers no-contains no-contextmenu cssall willchange classlist documentfragment no-ambientlight hashchange no-inputsearchevent audio canvas canvastext contenteditable no-emoji olreversed no-userdata video no-vml webanimations webgl adownload audioloop canvasblending todataurljpeg todataurlpng no-todataurlwebp canvaswinding bgpositionshorthand multiplebgs csspointerevents cssremunit rgba preserve3d no-createelementattrs no-createelement-attrs dataset hidden outputelem progressbar meter ruby template no-time texttrackapi track unknownelements no-capture fileinput formattribute placeholder sandbox no-seamless srcdoc imgcrossorigin srcset inputformaction input-formaction inputformenctype input-formenctype inputformmethod no-inputformtarget no-input-formtarget scriptasync scriptdefer no-stylescoped inlinesvg textareamaxlength videocrossorigin videoloop videopreload mediaqueries no-hiddenscroll mathml unicoderange unicode checked displaytable display-table fontface generatedcontent no-hairline cssinvalid lastchild nthchild siblinggeneral subpixelfont cssvalid details oninput formvalidation datalistelem no-localizednumber no-touchevents csscalc cubicbezierrange cssgradients opacity csspositionsticky no-cssscrollbar csschunit cssexunit hsla bdi cssvhunit cssvmaxunit cssvminunit cssvwunit xhrresponsetypearraybuffer xhrresponsetypeblob xhrresponsetypedocument xhrresponsetypejson xhrresponsetypetext svgclippaths svgforeignobject smil pointerevents fileinputdirectory textshadow hovermq pointermq svgasimg no-batteryapi no-battery-api crypto no-dart no-forcetouch fullscreen gamepads intl pagevisibility performance pointerlock no-quotamanagement requestanimationframe raf vibrate no-webintents no-lowbattery getrandomvalues backgroundblendmode objectfit object-fit no-regions no-wrapflow no-filesystem no-requestautocomplete no-speechrecognition bloburls peerconnection datachannel matchmedia ligatures cssanimations csspseudoanimations appearance no-backdropfilter backgroundcliptext bgpositionxy bgrepeatround bgrepeatspace backgroundsize bgsizecover borderimage borderradius boxshadow boxsizing csscolumns csscolumns-width csscolumns-span csscolumns-fill csscolumns-gap csscolumns-rule csscolumns-rulecolor csscolumns-rulestyle csscolumns-rulewidth no-csscolumns-breakbefore no-csscolumns-breakafter no-csscolumns-breakinside no-cssgridlegacy cssgrid no-displayrunin no-display-runin ellipsis cssfilters flexbox flexboxlegacy no-flexboxtweener flexwrap cssmask no-overflowscrolling no-cssreflections cssresize scrollsnappoints shapes textalignlast csstransforms csstransforms3d csstransformslevel2 csstransitions csspseudotransitions userselect variablefonts exiforientation apng no-jpeg2000 no-jpegxr webpalpha webpanimation webplossless webp webp-alpha webp-animation webp-lossless datauri indexeddb no-blobworkers no-dataworkers no-csshyphens softhyphens softhyphensfind videoautoplay no-audiopreload indexeddb-deletedatabase
<br><br>文档https://modernizr.com/docs
</body>
</html>
<script>
console.log(Modernizr);
alert(Modernizr.video.ogg);
alert(Modernizr.inputtypes.number);
alert(Modernizr.hasEvent('blur'));
$(document).ready(function () {
if (Modernizr.csshyphens) {
//alert("ok");
}else{
//alert("no");
}
//if (Modernizr.localstorage) {
//Add local storage code
//}
});
</script>
特征 | 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) |
附,Modernizr检测清单:
1. @font-face 2. Canvas 3. Canvas Text 4. WebGL 5. HTML5 Audio 6. HTML5 Audio formats 7. HTML5 Video 8. HTML5 Video formats 9. rgba() 10. hsla() 11. border-image 12. border-radius 13. box-shadow 14. text-shadow 15. Multiple backgrounds 16. background-size 17. opacity 18. CSS Animations 19. CSS Columns 20. CSS Gradients 21. CSS Reflections 22. CSS 2D Transforms 23. CSS 3D Transforms 24. Flexible Box Model 25. CSS Transitions 26. Geolocation API 27. Input Types 28. Input Attributes 29. localStorage 30. sessionStorage 31. Web Workers 32. applicationCache 33. SVG 34. Inline SVG 35. SVG Clip paths 36. SMIL 37. Web SQL Database 38. IndexedDB 39. Web Sockets 40. hashchange Event 41. History Management 42. Drag and Drop 43. Cross-window Messaging 44. Touch Events