Web Browser Features Detection

This tool provided by Modernizr, a JavaScript library that detects HTML5 and CSS3 features in the user's browser.

Modernizr Helper runs quickly on page load to detect browser features, then the results are displayed on the following tables. At this point, it's 290 features detects based on stable Modernizr 3.x Builder, including most of the non-core detects.

Each table row has a references to: specification, some non-normative tutorial, can-i-use compatibility, and the detector source code.

  • Search Keyword: *
    290 of 290 Modernizr tests found [permalink]

Your Search Results :

Modernizr Property :Test Result :Feature Description :

HTML5 Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.hashchangehashchange Event
Modernizr.historyHistory API
Modernizr.audioHTML5 Audio Element
Modernizr.audioloopHTML5 Audio Loop Attribute
Modernizr.audio.oggHTML5 Audio ogg
Modernizr.audio.mp3HTML5 Audio mp3
Modernizr.audio.wavHTML5 Audio wav
Modernizr.audio.m4aHTML5 Audio m4a
Modernizr.audio.opusHTML5 Audio opus
Modernizr.webaudioWeb Audio API
Modernizr.speechrecognitionSpeech Recognition API
Modernizr.speechsynthesisSpeech Synthesis API
Modernizr.videoHTML5 Video
Modernizr.video.oggHTML5 Video ogg
Modernizr.video.webmHTML5 Video webm
Modernizr.video.h264HTML5 Video h264
Modernizr.video.vp9HTML5 Video vp9
Modernizr.video.hlsHTML5 Video hls
Modernizr.videoloopHTML5 Video Loop Attribute
Modernizr.videopreloadHTML5 Video Preload Attribute
Modernizr.input.autocompleteInput Attribute autocomplete
Modernizr.input.autofocusInput Attribute autofocus
Modernizr.input.listInput Attribute list
Modernizr.input.maxInput Attribute max
Modernizr.input.minInput Attribute min
Modernizr.input.multipleInput Attribute multiple
Modernizr.input.patternInput Attribute pattern
Modernizr.input.placeholderInput Attribute placeholder
Modernizr.input.requiredInput Attribute required
Modernizr.input.stepInput Attribute step
Modernizr.fileinputinput[file] Attribute
Modernizr.formattributeinput[form] Attribute
Modernizr.captureInput[capture] HTML Media Capture Attribute
Modernizr.fileinputdirectoryinput[directory] Attribute
Modernizr.inputformactioninput formaction
Modernizr.inputformenctypeinput formenctype
Modernizr.inputformmethodinput formmethod
Modernizr.inputformtargetinput formtarget
Modernizr.localizednumberinput[type="number"] Localization
Modernizr.inputsearcheventinput[search] search event
Modernizr.requestautocompleteform#requestAutocomplete()
Modernizr.inputtypes.colorForm Input Color (type=color)
Modernizr.inputtypes.dateForm Input Date (type=date)
Modernizr.inputtypes.datetimeForm Input Date and Time (type=datetime)
Modernizr.inputtypes.datetime-localForm Input Local Date and Time (type=datetime-local)
Modernizr.inputtypes.timeForm Input Time (type=time)
Modernizr.inputtypes.weekForm Input Week (type=week)
Modernizr.inputtypes.monthForm Input Month (type=month)
Modernizr.inputtypes.numberForm Input Number (type=number)
Modernizr.inputtypes.rangeForm Input Range (type=range)
Modernizr.inputtypes.searchForm Input Search (type=search)
Modernizr.inputtypes.emailForm Input E-mail (type=email)
Modernizr.inputtypes.telForm Input Telephone (type=tel)
Modernizr.inputtypes.urlForm Input URL (type=url)
Modernizr.postmessagepostMessage
Modernizr.webworkersWeb Workers
Modernizr.blobworkersWeb Workers from Blob URIs
Modernizr.dataworkersWeb Workers from Data URIs
Modernizr.sharedworkersShared Web Workers
Modernizr.transferablesWebWorkers Transferables Objects
Modernizr.classlistclassList
Modernizr.createelementattrscreateElement with Attributes
Modernizr.datasetdataset API
Modernizr.documentfragmentDocument Fragment
Modernizr.hidden[hidden] Attribute
Modernizr.microdataHTML5 Microdata
Modernizr.mutationobserverDOM4 MutationObserver
Modernizr.bdibdi Element
Modernizr.datalistelemdatalist Element
Modernizr.detailsHTML5 Details & Summary Elements
Modernizr.outputelemoutput Element
Modernizr.progressbarprogress Element
Modernizr.metermeter Element
Modernizr.picturepicture Element
Modernizr.rubyruby, rp, rt Elements
Modernizr.timetime Element
Modernizr.trackTrack Element
Modernizr.texttrackapiTimed Text Track API
Modernizr.templateTemplate Tag
Modernizr.unknownelementsUnknown Elements
Modernizr.textareamaxlengthtextarea maxlength
Modernizr.queryselectorQuerySelector
Modernizr.matchmediamatchMedia
Modernizr.htmlimportsHTML Imports
Modernizr.webanimationsWeb Animation API
Modernizr.vibrateVibration API

CSS Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.cssallCSS all Property
Modernizr.cssanimationsCSS Animations
Modernizr.appearanceCSS Appearance
Modernizr.backdropfilterCSS Backdrop Filter
Modernizr.backgroundblendmodeCSS Background Blend Mode
Modernizr.backgroundcliptextCSS Background Clip Text
Modernizr.bgpositionshorthandCSS background-position Shorthand
Modernizr.bgpositionxyCSS background-position-x/y
Modernizr.bgrepeatroundCSS background-repeat: round
Modernizr.bgrepeatspaceCSS background-repeat: space
Modernizr.backgroundsizeCSS background-size
Modernizr.bgsizecoverCSS background-size: cover
Modernizr.borderimageCSS border-image
Modernizr.borderradiusCSS border-radius
Modernizr.boxshadowCSS box-shadow
Modernizr.boxsizingCSS box-sizing
Modernizr.checkedCSS :checked pseudo-selector
Modernizr.csschunitCSS Font ch Units
Modernizr.csscolumnsCSS Columns
Modernizr.csscalcCSS Calc
Modernizr.cssvwunitCSS vmin unit
Modernizr.cubicbezierrangeCSS Cubic Bezier Range
Modernizr.displayruninCSS display: run-in
Modernizr.displaytableCSS display: table
Modernizr.ellipsisCSS text-overflow ellipsis
Modernizr.cssescapeCSS.escape()
Modernizr.cssexunitCSS Font ex Units
Modernizr.cssfiltersCSS Filters
Modernizr.fontfaceCSS @font-face
Modernizr.flexboxFlexbox
Modernizr.flexboxlegacyFlexbox (legacy)
Modernizr.flexboxtweenerFlexbox (tweener)
Modernizr.flexwrapFlex Line Wrapping
Modernizr.generatedcontentCSS Generated Content (:before/:after)
Modernizr.cssgradientsCSS Gradients
Modernizr.hslaCSS HSLA Colors
Modernizr.rgbaCSS RGBA Colors
Modernizr.cssinvalidCSS :invalid pseudo-class
Modernizr.lastchildCSS :last-child pseudo-selector
Modernizr.cssmaskCSS Mask
Modernizr.mediaqueriesCSS Media Queries
Modernizr.multiplebgsCSS Multiple Backgrounds
Modernizr.nthchildCSS :nth-child pseudo-selector
Modernizr.objectfitCSS Object Fit
Modernizr.opacityCSS opacity
Modernizr.overflowscrollingCSS Overflow Scrolling
Modernizr.csspointereventsCSS Pointer Events
Modernizr.csspositionstickyCSS position: sticky
Modernizr.cssreflectionsCSS Reflections
Modernizr.regionsCSS Regions
Modernizr.cssremunitCSS Font rem Units
Modernizr.cssresizeCSS UI Resize
Modernizr.cssscrollbarCSS Styleable Scrollbars
Modernizr.scrollsnappointsCSS Scroll Snap Points
Modernizr.shapesCSS Shapes
Modernizr.siblinggeneralCSS general sibling selector
Modernizr.subpixelfontCSS Subpixel Fonts
Modernizr.supportsCSS Supports
Modernizr.targetCSS :target pseudo-class
Modernizr.textalignlastCSS text-align-last
Modernizr.textshadowCSS text-shadow
Modernizr.csstransformsCSS Transforms
Modernizr.csstransforms3dCSS Transforms 3D
Modernizr.preserve3dCSS Transform Style preserve-3d
Modernizr.csstransitionsCSS Transitions
Modernizr.userselectCSS user-select
Modernizr.cssvalidCSS :valid pseudo-class
Modernizr.cssvhunitCSS vh unit
Modernizr.cssvmaxunitCSS vmax unit
Modernizr.cssvminunitCSS vmin unit
Modernizr.willchangeCSS will-change
Modernizr.wrapflowCSS Excusions wrap-flow
Modernizr.hairlineCSS HiDPI/Retina Hairlines
Modernizr.csspseudoanimationsCSS Generated Content Animations
Modernizr.csspseudotransitionsCSS Generated Content Transitions

Graphics Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.canvasCanvas
Modernizr.canvastextCanvas Text
Modernizr.emojiCanvas Text Emoji
Modernizr.todataurljpegCanvas.toDataURL image/jpeg
Modernizr.todataurlpngCanvas.toDataURL image/png
Modernizr.todataurlwebpCanvas.toDataURL image/webp
Modernizr.canvasblendingCanvas Blending Support
Modernizr.canvaswindingCanvas Winding Support
Modernizr.webglWebGL
Modernizr.webglextensionsWebGL Extensions
Modernizr.svgSVG
Modernizr.inlinesvgInline SVG
Modernizr.svgasimgSVG as an IMG tag source
Modernizr.svgclippathsSVG CSS clip-path
Modernizr.smilSVG SMIL animation
Modernizr.svgforeignobjectSVG foreignObject
Modernizr.svgfiltersSVG Filters
Modernizr.jpeg2000JPEG 2000
Modernizr.jpegxrJPEG XR (extended range)
Modernizr.apngAnimated PNG
Modernizr.imgcrossoriginImage crossOrigin
Modernizr.sizesIMG sizes attribute
Modernizr.srcsetIMG srcset attribute
Modernizr.webpWebp
Modernizr.webpalphaWebp Alpha
Modernizr.webpanimationWebp Animation
Modernizr.webplosslessWebp Lossless

Storage Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.sessionstorageWeb Storage API sessionStorage
Modernizr.localstorageWeb Storage API localStorage
Modernizr.websqldatabaseWeb SQL Database
Modernizr.indexeddbIndexedDB
Modernizr.indexeddb.deletedatabaseIndexedDB deleteDatabase
Modernizr.indexeddbblobIndexedDB Blob
Modernizr.applicationcacheApplication Cache

ECMAScript Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.strictmodeES5 Strict Mode
Modernizr.es5arrayES5 Array
Modernizr.es5dateES5 Date
Modernizr.es5functionES5 Function
Modernizr.es5objectES5 Object
Modernizr.es5stringES5 String
Modernizr.es5syntaxES5 Syntax
Modernizr.es5undefinedES5 Immutable Undefined
Modernizr.es6arrayES6 Array
Modernizr.es6collectionsES6 Collections
Modernizr.es6mathES6 Math
Modernizr.es6numberES6 Number
Modernizr.es6objectES6 Object
Modernizr.es6stringES6 String
Modernizr.generatorsES6 Generators
Modernizr.containsES6 String.prototype.contains
Modernizr.promisesES6 Promises

Network Features Detection

Modernizr Property :Test Result :Feature Description :
Modernizr.websocketsWeb Sockets
Modernizr.websocketsbinaryWeb Sockets Binary
Modernizr.peerconnectionWebRTC Peer Connections
Modernizr.datachannelWebRTC Data Channel
Modernizr.getusermediaWebRTC getUserMedia
Modernizr.xhr2XMLHTTPRequest Level 2
Modernizr.xhrresponsetypeXHR responseType
Modernizr.xhrresponsetypearraybufferXHR responseType arraybuffer
Modernizr.xhrresponsetypeblobXHR responseType blob
Modernizr.xhrresponsetypedocumentXHR responseType document
Modernizr.xhrresponsetypejsonXHR responseType json
Modernizr.xhrresponsetypetextXHR responseType text
Modernizr.lowbandwidthLow Bandwidth Connection
Modernizr.eventsourceServer Sent Events
Modernizr.fetchFetch API
Modernizr.beaconBeacon API
Modernizr.serviceworkerServiceWorker API
Modernizr.xdomainrequestXDomainRequest

Miscellaneous

Modernizr Property :Test Result :Feature Description :
Modernizr.geolocationGeolocation API
Modernizr.toucheventsTouch Events
Modernizr.forcetouchForce Touch Events
Modernizr.adownloadA [download] attribute
Modernizr.batteryapiBattery API
Modernizr.lowbatteryLow Battery Level
Modernizr.blobconstructorBlob Constructor
Modernizr.contenteditableContent Editable
Modernizr.contextmenuContext menus
Modernizr.cookiesCookie
Modernizr.corsCross-Origin Resource Sharing
Modernizr.customprotocolhandlerCustom Protocol Handler
Modernizr.typedarraysTyped arrays
Modernizr.dataviewDataView
Modernizr.eventlisteneraddEventListener
Modernizr.devicemotionDevice Motion Event
Modernizr.deviceorientationDevice Orientation Event
Modernizr.customeventCustomEvent
Modernizr.oninputonInput Event
Modernizr.exiforientationEXIF Orientation
Modernizr.filereaderFile API
Modernizr.filesystemFilesystem API
Modernizr.fullscreenFullscreen API
Modernizr.gamepadsGamePad API
Modernizr.ie8compatIE8 compat mode
Modernizr.sandboxiframe[sandbox] Attribute
Modernizr.seamlessiframe[seamless] Attribute
Modernizr.srcdociframe[srcdoc] Attribute
Modernizr.jsonNative JSON Parsing
Modernizr.olreversedReverse Ordered Lists
Modernizr.mathmlMathML
Modernizr.notificationNotifications API
Modernizr.performanceNavigation Timing
Modernizr.pointerlockPointer Lock API
Modernizr.quotamanagementQuota Storage Management API
Modernizr.requestanimationframeTiming Control for Script-Based Animations
Modernizr.scriptasyncscript[async]
Modernizr.scriptdeferscript[defer]
Modernizr.stylescopedCSS style[scoped]
Modernizr.unicodeUnicode characters
Modernizr.unicoderangeUnicode Range
Modernizr.datauriData URI Scheme
Modernizr.datauri.over32kbData URI over 32kb
Modernizr.bloburlsBlob URLs
Modernizr.urlparserURL parser
Modernizr.userdataIE User Data API
Modernizr.webintentsWeb Intents
Modernizr.framedFramed Window
Modernizr.ambientlightAmbient Light Events
Modernizr.atobbtoaBase 64 encoding/decoding
Modernizr.cryptoWeb Cryptography API
Modernizr.getrandomvaluesWeb Cryptography API getRandomValues
Modernizr.dartDart Language
Modernizr.hiddenscrollHidden Scrollbar
Modernizr.intlInternationalization API
Modernizr.ligaturesFont Ligatures
Modernizr.pagevisibilityPage Visibility API
Modernizr.proximityProximity API
Modernizr.templatestringsTemplate strings
Modernizr.vmlVML

Further Reading

  1. Modernizr Homepage
  2. Mozilla Web Developer Toolbox: Modernizr
  3. Detecting HTML5 Features - Dive Into HTML5