mirror of
https://github.com/Modernizr/Modernizr.git
synced 2026-01-09 23:57:57 -05:00
10799 lines
330 KiB
JavaScript
10799 lines
330 KiB
JavaScript
/*!
|
||
* modernizr v3.12.0
|
||
* Build https://modernizr.com/download?-adownload-ambientlight-aping-apng-appearance-applicationcache-areaping-arrow-atobbtoa-audio-audioautoplay-audioloop-audiopreload-avif-backdropfilter-backgroundblendmode-backgroundcliptext-backgroundsize-batteryapi-bdi-beacon-bgpositionshorthand-bgpositionxy-bgrepeatspace_bgrepeatround-bgsizecover-blobconstructor-bloburls-blobworkers-borderimage-borderradius-boxdecorationbreak-boxshadow-boxsizing-canvas-canvasblending-canvastext-canvaswinding-capture-checked-classlist-clipboard-connectioneffectivetype-contains-contenteditable-contextmenu-cookies-cors-createelementattrs_createelement_attrs-cryptography-cssall-cssanimations-csscalc-csschunit-csscolumns-cssescape-cssexunit-cssfilters-cssgradients-cssgrid_cssgridlegacy-csshyphens_softhyphens_softhyphensfind-cssinvalid-cssmask-csspointerevents-csspositionsticky-csspseudoanimations-csspseudotransitions-cssreflections-cssremunit-cssresize-cssscrollbar-csstransforms-csstransforms3d-csstransformslevel2-csstransitions-cssvalid-cssvhunit-cssvmaxunit-cssvminunit-cssvwunit-cubicbezierrange-customelements-customevent-customproperties-customprotocolhandler-dart-datachannel-datalistelem-dataset-datauri-dataview-dataworkers-details-devicemotion_deviceorientation-directory-display_runin-displaytable-documentfragment-ellipsis-emoji-es5-es5array-es5date-es5function-es5object-es5string-es5syntax-es5undefined-es6array-es6class-es6collections-es6math-es6number-es6object-es6string-es6symbol-es7array-es8object-eventlistener-eventsource-exiforientation-fetch-fileinput-filereader-filesystem-flash-flexbox-flexboxlegacy-flexboxtweener-flexgap-flexwrap-focusvisible-focuswithin-fontdisplay-fontface-forcetouch-formattribute-formvalidation-framed-fullscreen-gamepads-generatedcontent-generators-geolocation-getrandomvalues-getusermedia-hairline-hashchange-hidden-hiddenscroll-history-hovermq-hsla-htmlimports-ie8compat-imgcrossorigin-indexeddb-indexeddb2-indexeddbblob-inlinesvg-input-inputformaction-inputformenctype-inputformmethod-inputformnovalidate-inputformtarget-inputsearchevent-inputtypes-intersectionobserver-intl-jpeg2000-jpegxr-json-lastchild-lazyloading-ligatures-localizednumber-localstorage-lowbandwidth-lowbattery-matchmedia-mathml-mediaqueries-mediarecorder-mediasource-messagechannel-microdata-multiplebgs-mutationobserver-notification-nthchild-objectfit-olreversed-oninput-opacity-outputelem-overflowscrolling-pagevisibility-passiveeventlisteners-peerconnection-performance-picture-placeholder-pointerevents-pointerlock-pointermq-postmessage-prefetch-preserve3d-progressbar_meter-promises-proximity-proxy-publickeycredential-queryselector-quotamanagement-regions-requestanimationframe-requestautocomplete-resizeobserver-restdestructuringarray_restdestructuringobject-restparameters-rgba-ruby-sandbox-scriptasync-scriptdefer-scrollsnappoints-scrolltooptions-seamless-serviceworker-sessionstorage-shadowroot-shadowrootlegacy-shapes-sharedworkers-siblinggeneral-sizes-smil-speechrecognition-speechsynthesis-spreadarray-spreadobject-srcdoc-srcset-strictmode-stringtemplate-stylescoped-subpixelfont-supports-svg-svgasimg-svgclippaths-svgfilters-svgforeignobject-target-template-templatestrings-textalignlast-textareamaxlength-textdecoration-textencoder_textdecoder-textshadow-texttrackapi_track-time-todataurljpeg_todataurlpng_todataurlwebp-transferables-typedarrays-unicoderange-unknownelements-urlparser-urlsearchparams-userdata-userselect-variablefonts-vibrate-video-videoautoplay-videocrossorigin-videoloop-videopreload-vml-webanimations-webaudio-webgl-webglextensions-webintents-webp-webpalpha-webpanimation-webplossless_webp_lossless-websockets-websocketsbinary-websqldatabase-webworkers-willchange-wrapflow-xdomainrequest-xhr2-xhrresponsetype-xhrresponsetypearraybuffer-xhrresponsetypeblob-xhrresponsetypedocument-xhrresponsetypejson-xhrresponsetypetext-addtest-atrule-domprefixes-hasevent-load-mq-prefixed-prefixedcss-prefixes-printshiv-setclasses-testallprops-testprop-teststyles-dontmin
|
||
*
|
||
* Copyright (c)
|
||
* Faruk Ates
|
||
* Paul Irish
|
||
* Alex Sexton
|
||
* Ryan Seddon
|
||
* Patrick Kettner
|
||
* Stu Cox
|
||
* Richard Herrera
|
||
* Veeck
|
||
|
||
* MIT License
|
||
*/
|
||
|
||
/*
|
||
* Modernizr tests which native CSS3 and HTML5 features are available in the
|
||
* current UA and makes the results available to you in two ways: as properties on
|
||
* a global `Modernizr` object, and as classes on the `<html>` element. This
|
||
* information allows you to progressively enhance your pages with a granular level
|
||
* of control over the experience.
|
||
*/
|
||
|
||
;(function(scriptGlobalObject, window, document, undefined){
|
||
|
||
var tests = [];
|
||
|
||
|
||
/**
|
||
* ModernizrProto is the constructor for Modernizr
|
||
*
|
||
* @class
|
||
* @access public
|
||
*/
|
||
var ModernizrProto = {
|
||
_version: '3.12.0',
|
||
|
||
// Any settings that don't work as separate modules
|
||
// can go in here as configuration.
|
||
_config: {
|
||
'classPrefix': '',
|
||
'enableClasses': true,
|
||
'enableJSClass': true,
|
||
'usePrefixes': true
|
||
},
|
||
|
||
// Queue of tests
|
||
_q: [],
|
||
|
||
// Stub these for people who are listening
|
||
on: function(test, cb) {
|
||
// I don't really think people should do this, but we can
|
||
// safe guard it a bit.
|
||
// -- NOTE:: this gets WAY overridden in src/addTest for actual async tests.
|
||
// This is in case people listen to synchronous tests. I would leave it out,
|
||
// but the code to *disallow* sync tests in the real version of this
|
||
// function is actually larger than this.
|
||
var self = this;
|
||
setTimeout(function() {
|
||
cb(self[test]);
|
||
}, 0);
|
||
},
|
||
|
||
addTest: function(name, fn, options) {
|
||
tests.push({name: name, fn: fn, options: options});
|
||
},
|
||
|
||
addAsyncTest: function(fn) {
|
||
tests.push({name: null, fn: fn});
|
||
}
|
||
};
|
||
|
||
|
||
|
||
// Fake some of Object.create so we can force non test results to be non "own" properties.
|
||
var Modernizr = function() {};
|
||
Modernizr.prototype = ModernizrProto;
|
||
|
||
// Leak modernizr globally when you `require` it rather than force it here.
|
||
// Overwrite name so constructor name is nicer :D
|
||
Modernizr = new Modernizr();
|
||
|
||
|
||
|
||
var classes = [];
|
||
|
||
|
||
/**
|
||
* is returns a boolean if the typeof an obj is exactly type.
|
||
*
|
||
* @access private
|
||
* @function is
|
||
* @param {*} obj - A thing we want to check the type of
|
||
* @param {string} type - A string to compare the typeof against
|
||
* @returns {boolean} true if the typeof the first parameter is exactly the specified type, false otherwise
|
||
*/
|
||
function is(obj, type) {
|
||
return typeof obj === type;
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* Run through all tests and detect their support in the current UA.
|
||
*
|
||
* @access private
|
||
* @returns {void}
|
||
*/
|
||
function testRunner() {
|
||
var featureNames;
|
||
var feature;
|
||
var aliasIdx;
|
||
var result;
|
||
var nameIdx;
|
||
var featureName;
|
||
var featureNameSplit;
|
||
|
||
for (var featureIdx in tests) {
|
||
if (tests.hasOwnProperty(featureIdx)) {
|
||
featureNames = [];
|
||
feature = tests[featureIdx];
|
||
// run the test, throw the return value into the Modernizr,
|
||
// then based on that boolean, define an appropriate className
|
||
// and push it into an array of classes we'll join later.
|
||
//
|
||
// If there is no name, it's an 'async' test that is run,
|
||
// but not directly added to the object. That should
|
||
// be done with a post-run addTest call.
|
||
if (feature.name) {
|
||
featureNames.push(feature.name.toLowerCase());
|
||
|
||
if (feature.options && feature.options.aliases && feature.options.aliases.length) {
|
||
// Add all the aliases into the names list
|
||
for (aliasIdx = 0; aliasIdx < feature.options.aliases.length; aliasIdx++) {
|
||
featureNames.push(feature.options.aliases[aliasIdx].toLowerCase());
|
||
}
|
||
}
|
||
}
|
||
|
||
// Run the test, or use the raw value if it's not a function
|
||
result = is(feature.fn, 'function') ? feature.fn() : feature.fn;
|
||
|
||
// Set each of the names on the Modernizr object
|
||
for (nameIdx = 0; nameIdx < featureNames.length; nameIdx++) {
|
||
featureName = featureNames[nameIdx];
|
||
// Support dot properties as sub tests. We don't do checking to make sure
|
||
// that the implied parent tests have been added. You must call them in
|
||
// order (either in the test, or make the parent test a dependency).
|
||
//
|
||
// Cap it to TWO to make the logic simple and because who needs that kind of subtesting
|
||
// hashtag famous last words
|
||
featureNameSplit = featureName.split('.');
|
||
|
||
if (featureNameSplit.length === 1) {
|
||
Modernizr[featureNameSplit[0]] = result;
|
||
} else {
|
||
// cast to a Boolean, if not one already or if it doesnt exist yet (like inputtypes)
|
||
if (!Modernizr[featureNameSplit[0]] || Modernizr[featureNameSplit[0]] && !(Modernizr[featureNameSplit[0]] instanceof Boolean)) {
|
||
Modernizr[featureNameSplit[0]] = new Boolean(Modernizr[featureNameSplit[0]]);
|
||
}
|
||
|
||
Modernizr[featureNameSplit[0]][featureNameSplit[1]] = result;
|
||
}
|
||
|
||
classes.push((result ? '' : 'no-') + featureNameSplit.join('-'));
|
||
}
|
||
}
|
||
}
|
||
}
|
||
;
|
||
|
||
/**
|
||
* docElement is a convenience wrapper to grab the root element of the document
|
||
*
|
||
* @access private
|
||
* @returns {HTMLElement|SVGElement} The root element of the document
|
||
*/
|
||
var docElement = document.documentElement;
|
||
|
||
|
||
/**
|
||
* A convenience helper to check if the document we are running in is an SVG document
|
||
*
|
||
* @access private
|
||
* @returns {boolean}
|
||
*/
|
||
var isSVG = docElement.nodeName.toLowerCase() === 'svg';
|
||
|
||
|
||
|
||
/**
|
||
* setClasses takes an array of class names and adds them to the root element
|
||
*
|
||
* @access private
|
||
* @function setClasses
|
||
* @param {string[]} classes - Array of class names
|
||
*/
|
||
// Pass in an and array of class names, e.g.:
|
||
// ['no-webp', 'borderradius', ...]
|
||
function setClasses(classes) {
|
||
var className = docElement.className;
|
||
var classPrefix = Modernizr._config.classPrefix || '';
|
||
|
||
if (isSVG) {
|
||
className = className.baseVal;
|
||
}
|
||
|
||
// Change `no-js` to `js` (independently of the `enableClasses` option)
|
||
// Handle classPrefix on this too
|
||
if (Modernizr._config.enableJSClass) {
|
||
var reJS = new RegExp('(^|\\s)' + classPrefix + 'no-js(\\s|$)');
|
||
className = className.replace(reJS, '$1' + classPrefix + 'js$2');
|
||
}
|
||
|
||
if (Modernizr._config.enableClasses) {
|
||
// Add the new classes
|
||
if (classes.length > 0) {
|
||
className += ' ' + classPrefix + classes.join(' ' + classPrefix);
|
||
}
|
||
if (isSVG) {
|
||
docElement.className.baseVal = className;
|
||
} else {
|
||
docElement.className = className;
|
||
}
|
||
}
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* hasOwnProp is a shim for hasOwnProperty that is needed for Safari 2.0 support
|
||
*
|
||
* @author kangax
|
||
* @access private
|
||
* @function hasOwnProp
|
||
* @param {object} object - The object to check for a property
|
||
* @param {string} property - The property to check for
|
||
* @returns {boolean}
|
||
*/
|
||
|
||
// hasOwnProperty shim by kangax needed for Safari 2.0 support
|
||
var hasOwnProp;
|
||
|
||
(function() {
|
||
var _hasOwnProperty = ({}).hasOwnProperty;
|
||
/* istanbul ignore else */
|
||
/* we have no way of testing IE 5.5 or safari 2,
|
||
* so just assume the else gets hit */
|
||
if (!is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined')) {
|
||
hasOwnProp = function(object, property) {
|
||
return _hasOwnProperty.call(object, property);
|
||
};
|
||
}
|
||
else {
|
||
hasOwnProp = function(object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
|
||
return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
|
||
};
|
||
}
|
||
})();
|
||
|
||
|
||
|
||
|
||
// _l tracks listeners for async tests, as well as tests that execute after the initial run
|
||
ModernizrProto._l = {};
|
||
|
||
/**
|
||
* Modernizr.on is a way to listen for the completion of async tests. Being
|
||
* asynchronous, they may not finish before your scripts run. As a result you
|
||
* will get a possibly false negative `undefined` value.
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.on
|
||
* @access public
|
||
* @function on
|
||
* @param {string} feature - String name of the feature detect
|
||
* @param {Function} cb - Callback function returning a Boolean - true if feature is supported, false if not
|
||
* @returns {void}
|
||
* @example
|
||
*
|
||
* ```js
|
||
* Modernizr.on('flash', function( result ) {
|
||
* if (result) {
|
||
* // the browser has flash
|
||
* } else {
|
||
* // the browser does not have flash
|
||
* }
|
||
* });
|
||
* ```
|
||
*/
|
||
ModernizrProto.on = function(feature, cb) {
|
||
// Create the list of listeners if it doesn't exist
|
||
if (!this._l[feature]) {
|
||
this._l[feature] = [];
|
||
}
|
||
|
||
// Push this test on to the listener list
|
||
this._l[feature].push(cb);
|
||
|
||
// If it's already been resolved, trigger it on next tick
|
||
if (Modernizr.hasOwnProperty(feature)) {
|
||
// Next Tick
|
||
setTimeout(function() {
|
||
Modernizr._trigger(feature, Modernizr[feature]);
|
||
}, 0);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* _trigger is the private function used to signal test completion and run any
|
||
* callbacks registered through [Modernizr.on](#modernizr-on)
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr._trigger
|
||
* @access private
|
||
* @function _trigger
|
||
* @param {string} feature - string name of the feature detect
|
||
* @param {Function|boolean} [res] - A feature detection function, or the boolean =
|
||
* result of a feature detection function
|
||
* @returns {void}
|
||
*/
|
||
ModernizrProto._trigger = function(feature, res) {
|
||
if (!this._l[feature]) {
|
||
return;
|
||
}
|
||
|
||
var cbs = this._l[feature];
|
||
|
||
// Force async
|
||
setTimeout(function() {
|
||
var i, cb;
|
||
for (i = 0; i < cbs.length; i++) {
|
||
cb = cbs[i];
|
||
cb(res);
|
||
}
|
||
}, 0);
|
||
|
||
// Don't trigger these again
|
||
delete this._l[feature];
|
||
};
|
||
|
||
/**
|
||
* addTest allows you to define your own feature detects that are not currently
|
||
* included in Modernizr (under the covers it's the exact same code Modernizr
|
||
* uses for its own [feature detections](https://github.com/Modernizr/Modernizr/tree/master/feature-detects)).
|
||
* Just like the official detects, the result
|
||
* will be added onto the Modernizr object, as well as an appropriate className set on
|
||
* the html element when configured to do so
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.addTest
|
||
* @optionName Modernizr.addTest()
|
||
* @optionProp addTest
|
||
* @access public
|
||
* @function addTest
|
||
* @param {string|object} feature - The string name of the feature detect, or an
|
||
* object of feature detect names and test
|
||
* @param {Function|boolean} test - Function returning true if feature is supported,
|
||
* false if not. Otherwise a boolean representing the results of a feature detection
|
||
* @returns {object} the Modernizr object to allow chaining
|
||
* @example
|
||
*
|
||
* The most common way of creating your own feature detects is by calling
|
||
* `Modernizr.addTest` with a string (preferably just lowercase, without any
|
||
* punctuation), and a function you want executed that will return a boolean result
|
||
*
|
||
* ```js
|
||
* Modernizr.addTest('itsTuesday', function() {
|
||
* var d = new Date();
|
||
* return d.getDay() === 2;
|
||
* });
|
||
* ```
|
||
*
|
||
* When the above is run, it will set Modernizr.itstuesday to `true` when it is tuesday,
|
||
* and to `false` every other day of the week. One thing to notice is that the names of
|
||
* feature detect functions are always lowercased when added to the Modernizr object. That
|
||
* means that `Modernizr.itsTuesday` will not exist, but `Modernizr.itstuesday` will.
|
||
*
|
||
*
|
||
* Since we only look at the returned value from any feature detection function,
|
||
* you do not need to actually use a function. For simple detections, just passing
|
||
* in a statement that will return a boolean value works just fine.
|
||
*
|
||
* ```js
|
||
* Modernizr.addTest('hasjquery', 'jQuery' in window);
|
||
* ```
|
||
*
|
||
* Just like before, when the above runs `Modernizr.hasjquery` will be true if
|
||
* jQuery has been included on the page. Not using a function saves a small amount
|
||
* of overhead for the browser, as well as making your code much more readable.
|
||
*
|
||
* Finally, you also have the ability to pass in an object of feature names and
|
||
* their tests. This is handy if you want to add multiple detections in one go.
|
||
* The keys should always be a string, and the value can be either a boolean or
|
||
* function that returns a boolean.
|
||
*
|
||
* ```js
|
||
* var detects = {
|
||
* 'hasjquery': 'jQuery' in window,
|
||
* 'itstuesday': function() {
|
||
* var d = new Date();
|
||
* return d.getDay() === 2;
|
||
* }
|
||
* }
|
||
*
|
||
* Modernizr.addTest(detects);
|
||
* ```
|
||
*
|
||
* There is really no difference between the first methods and this one, it is
|
||
* just a convenience to let you write more readable code.
|
||
*/
|
||
function addTest(feature, test) {
|
||
|
||
if (typeof feature === 'object') {
|
||
for (var key in feature) {
|
||
if (hasOwnProp(feature, key)) {
|
||
addTest(key, feature[ key ]);
|
||
}
|
||
}
|
||
} else {
|
||
|
||
feature = feature.toLowerCase();
|
||
var featureNameSplit = feature.split('.');
|
||
var last = Modernizr[featureNameSplit[0]];
|
||
|
||
// Again, we don't check for parent test existence. Get that right, though.
|
||
if (featureNameSplit.length === 2) {
|
||
last = last[featureNameSplit[1]];
|
||
}
|
||
|
||
if (typeof last !== 'undefined') {
|
||
// we're going to quit if you're trying to overwrite an existing test
|
||
// if we were to allow it, we'd do this:
|
||
// var re = new RegExp("\\b(no-)?" + feature + "\\b");
|
||
// docElement.className = docElement.className.replace( re, '' );
|
||
// but, no rly, stuff 'em.
|
||
return Modernizr;
|
||
}
|
||
|
||
test = typeof test === 'function' ? test() : test;
|
||
|
||
// Set the value (this is the magic, right here).
|
||
if (featureNameSplit.length === 1) {
|
||
Modernizr[featureNameSplit[0]] = test;
|
||
} else {
|
||
// cast to a Boolean, if not one already
|
||
if (Modernizr[featureNameSplit[0]] && !(Modernizr[featureNameSplit[0]] instanceof Boolean)) {
|
||
Modernizr[featureNameSplit[0]] = new Boolean(Modernizr[featureNameSplit[0]]);
|
||
}
|
||
|
||
Modernizr[featureNameSplit[0]][featureNameSplit[1]] = test;
|
||
}
|
||
|
||
// Set a single class (either `feature` or `no-feature`)
|
||
setClasses([(!!test && test !== false ? '' : 'no-') + featureNameSplit.join('-')]);
|
||
|
||
// Trigger the event
|
||
Modernizr._trigger(feature, test);
|
||
}
|
||
|
||
return Modernizr; // allow chaining.
|
||
}
|
||
|
||
// After all the tests are run, add self to the Modernizr prototype
|
||
Modernizr._q.push(function() {
|
||
ModernizrProto.addTest = addTest;
|
||
});
|
||
|
||
|
||
|
||
|
||
/**
|
||
* If the browsers follow the spec, then they would expose vendor-specific styles as:
|
||
* elem.style.WebkitBorderRadius
|
||
* instead of something like the following (which is technically incorrect):
|
||
* elem.style.webkitBorderRadius
|
||
*
|
||
* WebKit ghosts their properties in lowercase but Opera & Moz do not.
|
||
* Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
|
||
* erik.eae.net/archives/2008/03/10/21.48.10/
|
||
*
|
||
* More here: github.com/Modernizr/Modernizr/issues/issue/21
|
||
*
|
||
* @access private
|
||
* @returns {string} The string representing the vendor-specific style properties
|
||
*/
|
||
var omPrefixes = 'Moz O ms Webkit';
|
||
|
||
|
||
var cssomPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.split(' ') : []);
|
||
ModernizrProto._cssomPrefixes = cssomPrefixes;
|
||
|
||
|
||
/**
|
||
* atRule returns a given CSS property at-rule (eg @keyframes), possibly in
|
||
* some prefixed form, or false, in the case of an unsupported rule
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.atRule
|
||
* @optionName Modernizr.atRule()
|
||
* @optionProp atRule
|
||
* @access public
|
||
* @function atRule
|
||
* @param {string} prop - String name of the @-rule to test for
|
||
* @returns {string|boolean} The string representing the (possibly prefixed)
|
||
* valid version of the @-rule, or `false` when it is unsupported.
|
||
* @example
|
||
* ```js
|
||
* var keyframes = Modernizr.atRule('@keyframes');
|
||
*
|
||
* if (keyframes) {
|
||
* // keyframes are supported
|
||
* // could be `@-webkit-keyframes` or `@keyframes`
|
||
* } else {
|
||
* // keyframes === `false`
|
||
* }
|
||
* ```
|
||
*/
|
||
var atRule = function(prop) {
|
||
var length = prefixes.length;
|
||
var cssrule = window.CSSRule;
|
||
var rule;
|
||
|
||
if (typeof cssrule === 'undefined') {
|
||
return undefined;
|
||
}
|
||
|
||
if (!prop) {
|
||
return false;
|
||
}
|
||
|
||
// remove literal @ from beginning of provided property
|
||
prop = prop.replace(/^@/, '');
|
||
|
||
// CSSRules use underscores instead of dashes
|
||
rule = prop.replace(/-/g, '_').toUpperCase() + '_RULE';
|
||
|
||
if (rule in cssrule) {
|
||
return '@' + prop;
|
||
}
|
||
|
||
for (var i = 0; i < length; i++) {
|
||
// prefixes gives us something like -o-, and we want O_
|
||
var prefix = prefixes[i];
|
||
var thisRule = prefix.toUpperCase() + '_' + rule;
|
||
|
||
if (thisRule in cssrule) {
|
||
return '@-' + prefix.toLowerCase() + '-' + prop;
|
||
}
|
||
}
|
||
|
||
return false;
|
||
};
|
||
|
||
ModernizrProto.atRule = atRule;
|
||
|
||
|
||
|
||
/**
|
||
* List of JavaScript DOM values used for tests
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr._domPrefixes
|
||
* @optionName Modernizr._domPrefixes
|
||
* @optionProp domPrefixes
|
||
* @access public
|
||
* @example
|
||
*
|
||
* Modernizr._domPrefixes is exactly the same as [_prefixes](#modernizr-_prefixes), but rather
|
||
* than hyphen-case properties, all properties are their Capitalized variant
|
||
*
|
||
* ```js
|
||
* Modernizr._domPrefixes === [ "Moz", "O", "ms", "Webkit" ];
|
||
* ```
|
||
*/
|
||
var domPrefixes = (ModernizrProto._config.usePrefixes ? omPrefixes.toLowerCase().split(' ') : []);
|
||
ModernizrProto._domPrefixes = domPrefixes;
|
||
|
||
|
||
/**
|
||
* createElement is a convenience wrapper around document.createElement. Since we
|
||
* use createElement all over the place, this allows for (slightly) smaller code
|
||
* as well as abstracting away issues with creating elements in contexts other than
|
||
* HTML documents (e.g. SVG documents).
|
||
*
|
||
* @access private
|
||
* @function createElement
|
||
* @returns {HTMLElement|SVGElement} An HTML or SVG element
|
||
*/
|
||
function createElement() {
|
||
if (typeof document.createElement !== 'function') {
|
||
// This is the case in IE7, where the type of createElement is "object".
|
||
// For this reason, we cannot call apply() as Object is not a Function.
|
||
return document.createElement(arguments[0]);
|
||
} else if (isSVG) {
|
||
return document.createElementNS.call(document, 'http://www.w3.org/2000/svg', arguments[0]);
|
||
} else {
|
||
return document.createElement.apply(document, arguments);
|
||
}
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* Modernizr.hasEvent() detects support for a given event
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.hasEvent
|
||
* @optionName Modernizr.hasEvent()
|
||
* @optionProp hasEvent
|
||
* @access public
|
||
* @function hasEvent
|
||
* @param {string|*} eventName - the name of an event to test for (e.g. "resize")
|
||
* @param {Element|string} [element=HTMLDivElement] - is the element|document|window|tagName to test on
|
||
* @returns {boolean}
|
||
* @example
|
||
* `Modernizr.hasEvent` lets you determine if the browser supports a supplied event.
|
||
* By default, it does this detection on a div element
|
||
*
|
||
* ```js
|
||
* hasEvent('blur') // true;
|
||
* ```
|
||
*
|
||
* However, you are able to give an object as a second argument to hasEvent to
|
||
* detect an event on something other than a div.
|
||
*
|
||
* ```js
|
||
* hasEvent('devicelight', window) // true;
|
||
* ```
|
||
*/
|
||
var hasEvent = (function() {
|
||
|
||
// Detect whether event support can be detected via `in`. Test on a DOM element
|
||
// using the "blur" event b/c it should always exist. bit.ly/event-detection
|
||
var needsFallback = !('onblur' in docElement);
|
||
|
||
function inner(eventName, element) {
|
||
|
||
var isSupported;
|
||
if (!eventName) { return false; }
|
||
if (!element || typeof element === 'string') {
|
||
element = createElement(element || 'div');
|
||
}
|
||
|
||
// Testing via the `in` operator is sufficient for modern browsers and IE.
|
||
// When using `setAttribute`, IE skips "unload", WebKit skips "unload" and
|
||
// "resize", whereas `in` "catches" those.
|
||
eventName = 'on' + eventName;
|
||
isSupported = eventName in element;
|
||
|
||
// Fallback technique for old Firefox - bit.ly/event-detection
|
||
if (!isSupported && needsFallback) {
|
||
if (!element.setAttribute) {
|
||
// Switch to generic element if it lacks `setAttribute`.
|
||
// It could be the `document`, `window`, or something else.
|
||
element = createElement('div');
|
||
}
|
||
|
||
element.setAttribute(eventName, '');
|
||
isSupported = typeof element[eventName] === 'function';
|
||
|
||
if (element[eventName] !== undefined) {
|
||
// If property was created, "remove it" by setting value to `undefined`.
|
||
element[eventName] = undefined;
|
||
}
|
||
element.removeAttribute(eventName);
|
||
}
|
||
|
||
return isSupported;
|
||
}
|
||
return inner;
|
||
})();
|
||
|
||
ModernizrProto.hasEvent = hasEvent;
|
||
|
||
|
||
/**
|
||
* @optionName html5printshiv
|
||
* @optionProp html5printshiv
|
||
*/
|
||
|
||
// Take the html5 variable out of the html5shiv scope so we can return it.
|
||
var html5;
|
||
if (!isSVG) {
|
||
/**
|
||
* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
|
||
*/
|
||
;(function(window, document) {
|
||
/*jshint evil:true */
|
||
/** version */
|
||
var version = '3.7.3';
|
||
|
||
/** Preset options */
|
||
var options = window.html5 || {};
|
||
|
||
/** Used to skip problem elements */
|
||
var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
|
||
|
||
/** Not all elements can be cloned in IE **/
|
||
var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
|
||
|
||
/** Detect whether the browser supports default html5 styles */
|
||
var supportsHtml5Styles;
|
||
|
||
/** Name of the expando, to work with multiple documents or to re-shiv one document */
|
||
var expando = '_html5shiv';
|
||
|
||
/** The id for the the documents expando */
|
||
var expanID = 0;
|
||
|
||
/** Cached data for each document */
|
||
var expandoData = {};
|
||
|
||
/** Detect whether the browser supports unknown elements */
|
||
var supportsUnknownElements;
|
||
|
||
(function() {
|
||
try {
|
||
var a = document.createElement('a');
|
||
a.innerHTML = '<xyz></xyz>';
|
||
//if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
|
||
supportsHtml5Styles = ('hidden' in a);
|
||
|
||
supportsUnknownElements = a.childNodes.length == 1 || (function() {
|
||
// assign a false positive if unable to shiv
|
||
(document.createElement)('a');
|
||
var frag = document.createDocumentFragment();
|
||
return (
|
||
typeof frag.cloneNode == 'undefined' ||
|
||
typeof frag.createDocumentFragment == 'undefined' ||
|
||
typeof frag.createElement == 'undefined'
|
||
);
|
||
}());
|
||
} catch(e) {
|
||
// assign a false positive if detection fails => unable to shiv
|
||
supportsHtml5Styles = true;
|
||
supportsUnknownElements = true;
|
||
}
|
||
|
||
}());
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
/**
|
||
* Creates a style sheet with the given CSS text and adds it to the document.
|
||
* @private
|
||
* @param {Document} ownerDocument The document.
|
||
* @param {String} cssText The CSS text.
|
||
* @returns {StyleSheet} The style element.
|
||
*/
|
||
function addStyleSheet(ownerDocument, cssText) {
|
||
var p = ownerDocument.createElement('p'),
|
||
parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
|
||
|
||
p.innerHTML = 'x<style>' + cssText + '</style>';
|
||
return parent.insertBefore(p.lastChild, parent.firstChild);
|
||
}
|
||
|
||
/**
|
||
* Returns the value of `html5.elements` as an array.
|
||
* @private
|
||
* @returns {Array} An array of shived element node names.
|
||
*/
|
||
function getElements() {
|
||
var elements = html5.elements;
|
||
return typeof elements == 'string' ? elements.split(' ') : elements;
|
||
}
|
||
|
||
/**
|
||
* Extends the built-in list of html5 elements
|
||
* @memberOf html5
|
||
* @param {String|Array} newElements whitespace separated list or array of new element names to shiv
|
||
* @param {Document} ownerDocument The context document.
|
||
*/
|
||
function addElements(newElements, ownerDocument) {
|
||
var elements = html5.elements;
|
||
if(typeof elements != 'string'){
|
||
elements = elements.join(' ');
|
||
}
|
||
if(typeof newElements != 'string'){
|
||
newElements = newElements.join(' ');
|
||
}
|
||
html5.elements = elements +' '+ newElements;
|
||
shivDocument(ownerDocument);
|
||
}
|
||
|
||
/**
|
||
* Returns the data associated to the given document
|
||
* @private
|
||
* @param {Document} ownerDocument The document.
|
||
* @returns {Object} An object of data.
|
||
*/
|
||
function getExpandoData(ownerDocument) {
|
||
var data = expandoData[ownerDocument[expando]];
|
||
if (!data) {
|
||
data = {};
|
||
expanID++;
|
||
ownerDocument[expando] = expanID;
|
||
expandoData[expanID] = data;
|
||
}
|
||
return data;
|
||
}
|
||
|
||
/**
|
||
* returns a shived element for the given nodeName and document
|
||
* @memberOf html5
|
||
* @param {String} nodeName name of the element
|
||
* @param {Document} ownerDocument The context document.
|
||
* @returns {Object} The shived element.
|
||
*/
|
||
function createElement(nodeName, ownerDocument, data){
|
||
if (!ownerDocument) {
|
||
ownerDocument = document;
|
||
}
|
||
if(supportsUnknownElements){
|
||
return ownerDocument.createElement(nodeName);
|
||
}
|
||
if (!data) {
|
||
data = getExpandoData(ownerDocument);
|
||
}
|
||
var node;
|
||
|
||
if (data.cache[nodeName]) {
|
||
node = data.cache[nodeName].cloneNode();
|
||
} else if (saveClones.test(nodeName)) {
|
||
node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
|
||
} else {
|
||
node = data.createElem(nodeName);
|
||
}
|
||
|
||
// Avoid adding some elements to fragments in IE < 9 because
|
||
// * Attributes like `name` or `type` cannot be set/changed once an element
|
||
// is inserted into a document/fragment
|
||
// * Link elements with `src` attributes that are inaccessible, as with
|
||
// a 403 response, will cause the tab/window to crash
|
||
// * Script elements appended to fragments will execute when their `src`
|
||
// or `text` property is set
|
||
return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
|
||
}
|
||
|
||
/**
|
||
* returns a shived DocumentFragment for the given document
|
||
* @memberOf html5
|
||
* @param {Document} ownerDocument The context document.
|
||
* @returns {Object} The shived DocumentFragment.
|
||
*/
|
||
function createDocumentFragment(ownerDocument, data){
|
||
if (!ownerDocument) {
|
||
ownerDocument = document;
|
||
}
|
||
if(supportsUnknownElements){
|
||
return ownerDocument.createDocumentFragment();
|
||
}
|
||
data = data || getExpandoData(ownerDocument);
|
||
var clone = data.frag.cloneNode(),
|
||
i = 0,
|
||
elems = getElements(),
|
||
l = elems.length;
|
||
for(;i<l;i++){
|
||
clone.createElement(elems[i]);
|
||
}
|
||
return clone;
|
||
}
|
||
|
||
/**
|
||
* Shivs the `createElement` and `createDocumentFragment` methods of the document.
|
||
* @private
|
||
* @param {Document|DocumentFragment} ownerDocument The document.
|
||
* @param {Object} data of the document.
|
||
*/
|
||
function shivMethods(ownerDocument, data) {
|
||
if (!data.cache) {
|
||
data.cache = {};
|
||
data.createElem = ownerDocument.createElement;
|
||
data.createFrag = ownerDocument.createDocumentFragment;
|
||
data.frag = data.createFrag();
|
||
}
|
||
|
||
|
||
ownerDocument.createElement = function(nodeName) {
|
||
//abort shiv
|
||
if (!html5.shivMethods) {
|
||
return data.createElem(nodeName);
|
||
}
|
||
return createElement(nodeName, ownerDocument, data);
|
||
};
|
||
|
||
ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
|
||
'var n=f.cloneNode(),c=n.createElement;' +
|
||
'h.shivMethods&&(' +
|
||
// unroll the `createElement` calls
|
||
getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
|
||
data.createElem(nodeName);
|
||
data.frag.createElement(nodeName);
|
||
return 'c("' + nodeName + '")';
|
||
}) +
|
||
');return n}'
|
||
)(html5, data.frag);
|
||
}
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
/**
|
||
* Shivs the given document.
|
||
* @memberOf html5
|
||
* @param {Document} ownerDocument The document to shiv.
|
||
* @returns {Document} The shived document.
|
||
*/
|
||
function shivDocument(ownerDocument) {
|
||
if (!ownerDocument) {
|
||
ownerDocument = document;
|
||
}
|
||
var data = getExpandoData(ownerDocument);
|
||
|
||
if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
|
||
data.hasCSS = !!addStyleSheet(ownerDocument,
|
||
// corrects block display not defined in IE6/7/8/9
|
||
'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
|
||
// adds styling not present in IE6/7/8/9
|
||
'mark{background:#FF0;color:#000}' +
|
||
// hides non-rendered elements
|
||
'template{display:none}'
|
||
);
|
||
}
|
||
if (!supportsUnknownElements) {
|
||
shivMethods(ownerDocument, data);
|
||
}
|
||
return ownerDocument;
|
||
}
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
/**
|
||
* The `html5` object is exposed so that more elements can be shived and
|
||
* existing shiving can be detected on iframes.
|
||
* @type Object
|
||
* @example
|
||
*
|
||
* // options can be changed before the script is included
|
||
* html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
|
||
*/
|
||
var html5 = {
|
||
|
||
/**
|
||
* An array or space separated string of node names of the elements to shiv.
|
||
* @memberOf html5
|
||
* @type Array|String
|
||
*/
|
||
'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
|
||
|
||
/**
|
||
* current version of html5shiv
|
||
*/
|
||
'version': version,
|
||
|
||
/**
|
||
* A flag to indicate that the HTML5 style sheet should be inserted.
|
||
* @memberOf html5
|
||
* @type Boolean
|
||
*/
|
||
'shivCSS': (options.shivCSS !== false),
|
||
|
||
/**
|
||
* Is equal to true if a browser supports creating unknown/HTML5 elements
|
||
* @memberOf html5
|
||
* @type boolean
|
||
*/
|
||
'supportsUnknownElements': supportsUnknownElements,
|
||
|
||
/**
|
||
* A flag to indicate that the document's `createElement` and `createDocumentFragment`
|
||
* methods should be overwritten.
|
||
* @memberOf html5
|
||
* @type Boolean
|
||
*/
|
||
'shivMethods': (options.shivMethods !== false),
|
||
|
||
/**
|
||
* A string to describe the type of `html5` object ("default" or "default print").
|
||
* @memberOf html5
|
||
* @type String
|
||
*/
|
||
'type': 'default',
|
||
|
||
// shivs the document according to the specified `html5` object options
|
||
'shivDocument': shivDocument,
|
||
|
||
//creates a shived element
|
||
createElement: createElement,
|
||
|
||
//creates a shived documentFragment
|
||
createDocumentFragment: createDocumentFragment,
|
||
|
||
//extends list of elements
|
||
addElements: addElements
|
||
};
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
// expose html5
|
||
window.html5 = html5;
|
||
|
||
// shiv the document
|
||
shivDocument(document);
|
||
|
||
/*------------------------------- Print Shiv -------------------------------*/
|
||
|
||
/** Used to filter media types */
|
||
var reMedia = /^$|\b(?:all|print)\b/;
|
||
|
||
/** Used to namespace printable elements */
|
||
var shivNamespace = 'html5shiv';
|
||
|
||
/** Detect whether the browser supports shivable style sheets */
|
||
var supportsShivableSheets = !supportsUnknownElements && (function() {
|
||
// assign a false negative if unable to shiv
|
||
var docEl = document.documentElement;
|
||
return !(
|
||
typeof document.namespaces == 'undefined' ||
|
||
typeof document.parentWindow == 'undefined' ||
|
||
typeof docEl.applyElement == 'undefined' ||
|
||
typeof docEl.removeNode == 'undefined' ||
|
||
typeof window.attachEvent == 'undefined'
|
||
);
|
||
}());
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
/**
|
||
* Wraps all HTML5 elements in the given document with printable elements.
|
||
* (eg. the "header" element is wrapped with the "html5shiv:header" element)
|
||
* @private
|
||
* @param {Document} ownerDocument The document.
|
||
* @returns {Array} An array wrappers added.
|
||
*/
|
||
function addWrappers(ownerDocument) {
|
||
var node,
|
||
nodes = ownerDocument.getElementsByTagName('*'),
|
||
index = nodes.length,
|
||
reElements = RegExp('^(?:' + getElements().join('|') + ')$', 'i'),
|
||
result = [];
|
||
|
||
while (index--) {
|
||
node = nodes[index];
|
||
if (reElements.test(node.nodeName)) {
|
||
result.push(node.applyElement(createWrapper(node)));
|
||
}
|
||
}
|
||
return result;
|
||
}
|
||
|
||
/**
|
||
* Creates a printable wrapper for the given element.
|
||
* @private
|
||
* @param {Element} element The element.
|
||
* @returns {Element} The wrapper.
|
||
*/
|
||
function createWrapper(element) {
|
||
var node,
|
||
nodes = element.attributes,
|
||
index = nodes.length,
|
||
wrapper = element.ownerDocument.createElement(shivNamespace + ':' + element.nodeName);
|
||
|
||
// copy element attributes to the wrapper
|
||
while (index--) {
|
||
node = nodes[index];
|
||
node.specified && wrapper.setAttribute(node.nodeName, node.nodeValue);
|
||
}
|
||
// copy element styles to the wrapper
|
||
wrapper.style.cssText = element.style.cssText;
|
||
return wrapper;
|
||
}
|
||
|
||
/**
|
||
* Shivs the given CSS text.
|
||
* (eg. header{} becomes html5shiv\:header{})
|
||
* @private
|
||
* @param {String} cssText The CSS text to shiv.
|
||
* @returns {String} The shived CSS text.
|
||
*/
|
||
function shivCssText(cssText) {
|
||
var pair,
|
||
parts = cssText.split('{'),
|
||
index = parts.length,
|
||
reElements = RegExp('(^|[\\s,>+~])(' + getElements().join('|') + ')(?=[[\\s,>+~#.:]|$)', 'gi'),
|
||
replacement = '$1' + shivNamespace + '\\:$2';
|
||
|
||
while (index--) {
|
||
pair = parts[index] = parts[index].split('}');
|
||
pair[pair.length - 1] = pair[pair.length - 1].replace(reElements, replacement);
|
||
parts[index] = pair.join('}');
|
||
}
|
||
return parts.join('{');
|
||
}
|
||
|
||
/**
|
||
* Removes the given wrappers, leaving the original elements.
|
||
* @private
|
||
* @params {Array} wrappers An array of printable wrappers.
|
||
*/
|
||
function removeWrappers(wrappers) {
|
||
var index = wrappers.length;
|
||
while (index--) {
|
||
wrappers[index].removeNode();
|
||
}
|
||
}
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
/**
|
||
* Shivs the given document for print.
|
||
* @memberOf html5
|
||
* @param {Document} ownerDocument The document to shiv.
|
||
* @returns {Document} The shived document.
|
||
*/
|
||
function shivPrint(ownerDocument) {
|
||
var shivedSheet,
|
||
wrappers,
|
||
data = getExpandoData(ownerDocument),
|
||
namespaces = ownerDocument.namespaces,
|
||
ownerWindow = ownerDocument.parentWindow;
|
||
|
||
if (!supportsShivableSheets || ownerDocument.printShived) {
|
||
return ownerDocument;
|
||
}
|
||
if (typeof namespaces[shivNamespace] == 'undefined') {
|
||
namespaces.add(shivNamespace);
|
||
}
|
||
|
||
function removeSheet() {
|
||
clearTimeout(data._removeSheetTimer);
|
||
if (shivedSheet) {
|
||
shivedSheet.removeNode(true);
|
||
}
|
||
shivedSheet= null;
|
||
}
|
||
|
||
ownerWindow.attachEvent('onbeforeprint', function() {
|
||
|
||
removeSheet();
|
||
|
||
var imports,
|
||
length,
|
||
sheet,
|
||
collection = ownerDocument.styleSheets,
|
||
cssText = [],
|
||
index = collection.length,
|
||
sheets = Array(index);
|
||
|
||
// convert styleSheets collection to an array
|
||
while (index--) {
|
||
sheets[index] = collection[index];
|
||
}
|
||
// concat all style sheet CSS text
|
||
while ((sheet = sheets.pop())) {
|
||
// IE does not enforce a same origin policy for external style sheets...
|
||
// but has trouble with some dynamically created stylesheets
|
||
if (!sheet.disabled && reMedia.test(sheet.media)) {
|
||
|
||
try {
|
||
imports = sheet.imports;
|
||
length = imports.length;
|
||
} catch(er){
|
||
length = 0;
|
||
}
|
||
|
||
for (index = 0; index < length; index++) {
|
||
sheets.push(imports[index]);
|
||
}
|
||
|
||
try {
|
||
cssText.push(sheet.cssText);
|
||
} catch(er){}
|
||
}
|
||
}
|
||
|
||
// wrap all HTML5 elements with printable elements and add the shived style sheet
|
||
cssText = shivCssText(cssText.reverse().join(''));
|
||
wrappers = addWrappers(ownerDocument);
|
||
shivedSheet = addStyleSheet(ownerDocument, cssText);
|
||
|
||
});
|
||
|
||
ownerWindow.attachEvent('onafterprint', function() {
|
||
// remove wrappers, leaving the original elements, and remove the shived style sheet
|
||
removeWrappers(wrappers);
|
||
clearTimeout(data._removeSheetTimer);
|
||
data._removeSheetTimer = setTimeout(removeSheet, 500);
|
||
});
|
||
|
||
ownerDocument.printShived = true;
|
||
return ownerDocument;
|
||
}
|
||
|
||
/*--------------------------------------------------------------------------*/
|
||
|
||
// expose API
|
||
html5.type += ' print';
|
||
html5.shivPrint = shivPrint;
|
||
|
||
// shiv for print
|
||
shivPrint(document);
|
||
|
||
if(typeof module == 'object' && module.exports){
|
||
module.exports = html5;
|
||
}
|
||
|
||
}(typeof window !== "undefined" ? window : this, document));
|
||
}
|
||
|
||
;
|
||
|
||
var err = function() {};
|
||
var warn = function() {};
|
||
|
||
if (window.console) {
|
||
err = function() {
|
||
var method = console.error ? 'error' : 'log';
|
||
window.console[method].apply(window.console, Array.prototype.slice.call(arguments));
|
||
};
|
||
|
||
warn = function() {
|
||
var method = console.warn ? 'warn' : 'log';
|
||
window.console[method].apply(window.console, Array.prototype.slice.call(arguments));
|
||
};
|
||
}
|
||
|
||
/**
|
||
* Previously, Modernizr.load was an alias for yepnope. Since yepnope was
|
||
* deprecated, we removed it as well. It is not available on the website builder,
|
||
* this is only included as an improved warning to those who build a custom
|
||
* version locally.
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.load
|
||
* @function load
|
||
* @returns {void}
|
||
*/
|
||
ModernizrProto.load = function() {
|
||
if ('yepnope' in window) {
|
||
warn('yepnope.js (aka Modernizr.load) is no longer included as part of Modernizr. yepnope appears to be available on the page, so we’ll use it to handle this call to Modernizr.load, but please update your code to use yepnope directly.\n See http://github.com/Modernizr/Modernizr/issues/1182 for more information.');
|
||
window.yepnope.apply(window, [].slice.call(arguments, 0));
|
||
} else {
|
||
err('yepnope.js (aka Modernizr.load) is no longer included as part of Modernizr. Get it from http://yepnopejs.com. See http://github.com/Modernizr/Modernizr/issues/1182 for more information.');
|
||
}
|
||
};
|
||
|
||
|
||
/**
|
||
* getBody returns the body of a document, or an element that can stand in for
|
||
* the body if a real body does not exist
|
||
*
|
||
* @access private
|
||
* @function getBody
|
||
* @returns {HTMLElement|SVGElement} Returns the real body of a document, or an
|
||
* artificially created element that stands in for the body
|
||
*/
|
||
function getBody() {
|
||
// After page load injecting a fake body doesn't work so check if body exists
|
||
var body = document.body;
|
||
|
||
if (!body) {
|
||
// Can't use the real body create a fake one.
|
||
body = createElement(isSVG ? 'svg' : 'body');
|
||
body.fake = true;
|
||
}
|
||
|
||
return body;
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* injectElementWithStyles injects an element with style element and some CSS rules
|
||
*
|
||
* @access private
|
||
* @function injectElementWithStyles
|
||
* @param {string} rule - String representing a css rule
|
||
* @param {Function} callback - A function that is used to test the injected element
|
||
* @param {number} [nodes] - An integer representing the number of additional nodes you want injected
|
||
* @param {string[]} [testnames] - An array of strings that are used as ids for the additional nodes
|
||
* @returns {boolean} the result of the specified callback test
|
||
*/
|
||
function injectElementWithStyles(rule, callback, nodes, testnames) {
|
||
var mod = 'modernizr';
|
||
var style;
|
||
var ret;
|
||
var node;
|
||
var docOverflow;
|
||
var div = createElement('div');
|
||
var body = getBody();
|
||
|
||
if (parseInt(nodes, 10)) {
|
||
// In order not to give false positives we create a node for each test
|
||
// This also allows the method to scale for unspecified uses
|
||
while (nodes--) {
|
||
node = createElement('div');
|
||
node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
|
||
div.appendChild(node);
|
||
}
|
||
}
|
||
|
||
style = createElement('style');
|
||
style.type = 'text/css';
|
||
style.id = 's' + mod;
|
||
|
||
// IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
|
||
// Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
|
||
(!body.fake ? div : body).appendChild(style);
|
||
body.appendChild(div);
|
||
|
||
if (style.styleSheet) {
|
||
style.styleSheet.cssText = rule;
|
||
} else {
|
||
style.appendChild(document.createTextNode(rule));
|
||
}
|
||
div.id = mod;
|
||
|
||
if (body.fake) {
|
||
//avoid crashing IE8, if background image is used
|
||
body.style.background = '';
|
||
//Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
|
||
body.style.overflow = 'hidden';
|
||
docOverflow = docElement.style.overflow;
|
||
docElement.style.overflow = 'hidden';
|
||
docElement.appendChild(body);
|
||
}
|
||
|
||
ret = callback(div, rule);
|
||
// If this is done after page load we don't want to remove the body so check if body exists
|
||
if (body.fake && body.parentNode) {
|
||
body.parentNode.removeChild(body);
|
||
docElement.style.overflow = docOverflow;
|
||
// Trigger layout so kinetic scrolling isn't disabled in iOS6+
|
||
// eslint-disable-next-line
|
||
docElement.offsetHeight;
|
||
} else {
|
||
div.parentNode.removeChild(div);
|
||
}
|
||
|
||
return !!ret;
|
||
}
|
||
|
||
;
|
||
|
||
|
||
/**
|
||
* wrapper around getComputedStyle, to fix issues with Firefox returning null when
|
||
* called inside of a hidden iframe
|
||
*
|
||
* @access private
|
||
* @function computedStyle
|
||
* @param {HTMLElement|SVGElement} elem - The element we want to find the computed styles of
|
||
* @param {string|null} [pseudo] - An optional pseudo element selector (e.g. :before), of null if none
|
||
* @param {string} prop - A CSS property
|
||
* @returns {CSSStyleDeclaration} the value of the specified CSS property
|
||
*/
|
||
function computedStyle(elem, pseudo, prop) {
|
||
var result;
|
||
|
||
if ('getComputedStyle' in window) {
|
||
result = getComputedStyle.call(window, elem, pseudo);
|
||
var console = window.console;
|
||
|
||
if (result !== null) {
|
||
if (prop) {
|
||
result = result.getPropertyValue(prop);
|
||
}
|
||
} else {
|
||
if (console) {
|
||
var method = console.error ? 'error' : 'log';
|
||
console[method].call(console, 'getComputedStyle returning null, its possible modernizr test results are inaccurate');
|
||
}
|
||
}
|
||
} else {
|
||
result = !pseudo && elem.currentStyle && elem.currentStyle[prop];
|
||
}
|
||
|
||
return result;
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* Modernizr.mq tests a given media query, live against the current state of the window
|
||
* adapted from matchMedia polyfill by Scott Jehl and Paul Irish
|
||
* gist.github.com/786768
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.mq
|
||
* @optionName Modernizr.mq()
|
||
* @optionProp mq
|
||
* @access public
|
||
* @function mq
|
||
* @param {string} mq - String of the media query we want to test
|
||
* @returns {boolean}
|
||
* @example
|
||
* Modernizr.mq allows for you to programmatically check if the current browser
|
||
* window state matches a media query.
|
||
*
|
||
* ```js
|
||
* var query = Modernizr.mq('(min-width: 900px)');
|
||
*
|
||
* if (query) {
|
||
* // the browser window is larger than 900px
|
||
* }
|
||
* ```
|
||
*
|
||
* Only valid media queries are supported, therefore you must always include values
|
||
* with your media query
|
||
*
|
||
* ```js
|
||
* // good
|
||
* Modernizr.mq('(min-width: 900px)');
|
||
*
|
||
* // bad
|
||
* Modernizr.mq('min-width');
|
||
* ```
|
||
*
|
||
* If you would just like to test that media queries are supported in general, use
|
||
*
|
||
* ```js
|
||
* Modernizr.mq('only all'); // true if MQ are supported, false if not
|
||
* ```
|
||
*
|
||
* Note that if the browser does not support media queries (e.g. old IE) mq will
|
||
* always return false.
|
||
*/
|
||
var mq = (function() {
|
||
var matchMedia = window.matchMedia || window.msMatchMedia;
|
||
if (matchMedia) {
|
||
return function(mq) {
|
||
var mql = matchMedia(mq);
|
||
return mql && mql.matches || false;
|
||
};
|
||
}
|
||
|
||
return function(mq) {
|
||
var bool = false;
|
||
|
||
injectElementWithStyles('@media ' + mq + ' { #modernizr { position: absolute; } }', function(node) {
|
||
bool = computedStyle(node, null, 'position') === 'absolute';
|
||
});
|
||
|
||
return bool;
|
||
};
|
||
})();
|
||
|
||
ModernizrProto.mq = mq;
|
||
|
||
|
||
|
||
/**
|
||
* contains checks to see if a string contains another string
|
||
*
|
||
* @access private
|
||
* @function contains
|
||
* @param {string} str - The string we want to check for substrings
|
||
* @param {string} substr - The substring we want to search the first string for
|
||
* @returns {boolean} true if and only if the first string 'str' contains the second string 'substr'
|
||
*/
|
||
function contains(str, substr) {
|
||
return !!~('' + str).indexOf(substr);
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* Create our "modernizr" element that we do most feature tests on.
|
||
*
|
||
* @access private
|
||
*/
|
||
var modElem = {
|
||
elem: createElement('modernizr')
|
||
};
|
||
|
||
// Clean up this element
|
||
Modernizr._q.push(function() {
|
||
delete modElem.elem;
|
||
});
|
||
|
||
|
||
|
||
var mStyle = {
|
||
style: modElem.elem.style
|
||
};
|
||
|
||
// kill ref for gc, must happen before mod.elem is removed, so we unshift on to
|
||
// the front of the queue.
|
||
Modernizr._q.unshift(function() {
|
||
delete mStyle.style;
|
||
});
|
||
|
||
|
||
|
||
/**
|
||
* domToCSS takes a camelCase string and converts it to hyphen-case
|
||
* e.g. boxSizing -> box-sizing
|
||
*
|
||
* @access private
|
||
* @function domToCSS
|
||
* @param {string} name - String name of camelCase prop we want to convert
|
||
* @returns {string} The hyphen-case version of the supplied name
|
||
*/
|
||
function domToCSS(name) {
|
||
return name.replace(/([A-Z])/g, function(str, m1) {
|
||
return '-' + m1.toLowerCase();
|
||
}).replace(/^ms-/, '-ms-');
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* nativeTestProps allows for us to use native feature detection functionality if available.
|
||
* some prefixed form, or false, in the case of an unsupported rule
|
||
*
|
||
* @access private
|
||
* @function nativeTestProps
|
||
* @param {Array} props - An array of property names
|
||
* @param {string} value - A string representing the value we want to check via @supports
|
||
* @returns {boolean|undefined} A boolean when @supports exists, undefined otherwise
|
||
*/
|
||
// Accepts a list of property names and a single value
|
||
// Returns `undefined` if native detection not available
|
||
function nativeTestProps(props, value) {
|
||
var i = props.length;
|
||
// Start with the JS API: https://www.w3.org/TR/css3-conditional/#the-css-interface
|
||
if ('CSS' in window && 'supports' in window.CSS) {
|
||
// Try every prefixed variant of the property
|
||
while (i--) {
|
||
if (window.CSS.supports(domToCSS(props[i]), value)) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
// Otherwise fall back to at-rule (for Opera 12.x)
|
||
else if ('CSSSupportsRule' in window) {
|
||
// Build a condition string for every prefixed variant
|
||
var conditionText = [];
|
||
while (i--) {
|
||
conditionText.push('(' + domToCSS(props[i]) + ':' + value + ')');
|
||
}
|
||
conditionText = conditionText.join(' or ');
|
||
return injectElementWithStyles('@supports (' + conditionText + ') { #modernizr { position: absolute; } }', function(node) {
|
||
return computedStyle(node, null, 'position') === 'absolute';
|
||
});
|
||
}
|
||
return undefined;
|
||
}
|
||
;
|
||
|
||
/**
|
||
* cssToDOM takes a hyphen-case string and converts it to camelCase
|
||
* e.g. box-sizing -> boxSizing
|
||
*
|
||
* @access private
|
||
* @function cssToDOM
|
||
* @param {string} name - String name of hyphen-case prop we want to convert
|
||
* @returns {string} The camelCase version of the supplied name
|
||
*/
|
||
function cssToDOM(name) {
|
||
return name.replace(/([a-z])-([a-z])/g, function(str, m1, m2) {
|
||
return m1 + m2.toUpperCase();
|
||
}).replace(/^-/, '');
|
||
}
|
||
|
||
;
|
||
|
||
// testProps is a generic CSS / DOM property test.
|
||
|
||
// In testing support for a given CSS property, it's legit to test:
|
||
// `elem.style[styleName] !== undefined`
|
||
// If the property is supported it will return an empty string,
|
||
// if unsupported it will return undefined.
|
||
|
||
// We'll take advantage of this quick test and skip setting a style
|
||
// on our modernizr element, but instead just testing undefined vs
|
||
// empty string.
|
||
|
||
// Property names can be provided in either camelCase or hyphen-case.
|
||
|
||
function testProps(props, prefixed, value, skipValueTest) {
|
||
skipValueTest = is(skipValueTest, 'undefined') ? false : skipValueTest;
|
||
|
||
// Try native detect first
|
||
if (!is(value, 'undefined')) {
|
||
var result = nativeTestProps(props, value);
|
||
if (!is(result, 'undefined')) {
|
||
return result;
|
||
}
|
||
}
|
||
|
||
// Otherwise do it properly
|
||
var afterInit, i, propsLength, prop, before;
|
||
|
||
// If we don't have a style element, that means we're running async or after
|
||
// the core tests, so we'll need to create our own elements to use.
|
||
|
||
// Inside of an SVG element, in certain browsers, the `style` element is only
|
||
// defined for valid tags. Therefore, if `modernizr` does not have one, we
|
||
// fall back to a less used element and hope for the best.
|
||
// For strict XHTML browsers the hardly used samp element is used.
|
||
var elems = ['modernizr', 'tspan', 'samp'];
|
||
while (!mStyle.style && elems.length) {
|
||
afterInit = true;
|
||
mStyle.modElem = createElement(elems.shift());
|
||
mStyle.style = mStyle.modElem.style;
|
||
}
|
||
|
||
// Delete the objects if we created them.
|
||
function cleanElems() {
|
||
if (afterInit) {
|
||
delete mStyle.style;
|
||
delete mStyle.modElem;
|
||
}
|
||
}
|
||
|
||
propsLength = props.length;
|
||
for (i = 0; i < propsLength; i++) {
|
||
prop = props[i];
|
||
before = mStyle.style[prop];
|
||
|
||
if (contains(prop, '-')) {
|
||
prop = cssToDOM(prop);
|
||
}
|
||
|
||
if (mStyle.style[prop] !== undefined) {
|
||
|
||
// If value to test has been passed in, do a set-and-check test.
|
||
// 0 (integer) is a valid property value, so check that `value` isn't
|
||
// undefined, rather than just checking it's truthy.
|
||
if (!skipValueTest && !is(value, 'undefined')) {
|
||
|
||
// Needs a try catch block because of old IE. This is slow, but will
|
||
// be avoided in most cases because `skipValueTest` will be used.
|
||
try {
|
||
mStyle.style[prop] = value;
|
||
} catch (e) {}
|
||
|
||
// If the property value has changed, we assume the value used is
|
||
// supported. If `value` is empty string, it'll fail here (because
|
||
// it hasn't changed), which matches how browsers have implemented
|
||
// CSS.supports()
|
||
if (mStyle.style[prop] !== before) {
|
||
cleanElems();
|
||
return prefixed === 'pfx' ? prop : true;
|
||
}
|
||
}
|
||
// Otherwise just return true, or the property name if this is a
|
||
// `prefixed()` call
|
||
else {
|
||
cleanElems();
|
||
return prefixed === 'pfx' ? prop : true;
|
||
}
|
||
}
|
||
}
|
||
cleanElems();
|
||
return false;
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* fnBind is a super small [bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind) polyfill.
|
||
*
|
||
* @access private
|
||
* @function fnBind
|
||
* @param {Function} fn - a function you want to change `this` reference to
|
||
* @param {object} that - the `this` you want to call the function with
|
||
* @returns {Function} The wrapped version of the supplied function
|
||
*/
|
||
function fnBind(fn, that) {
|
||
return function() {
|
||
return fn.apply(that, arguments);
|
||
};
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* testDOMProps is a generic DOM property test; if a browser supports
|
||
* a certain property, it won't return undefined for it.
|
||
*
|
||
* @access private
|
||
* @function testDOMProps
|
||
* @param {Array<string>} props - An array of properties to test for
|
||
* @param {object} obj - An object or Element you want to use to test the parameters again
|
||
* @param {boolean|object} elem - An Element to bind the property lookup again. Use `false` to prevent the check
|
||
* @returns {boolean|*} returns `false` if the prop is unsupported, otherwise the value that is supported
|
||
*/
|
||
function testDOMProps(props, obj, elem) {
|
||
var item;
|
||
|
||
for (var i in props) {
|
||
if (props[i] in obj) {
|
||
|
||
// return the property name as a string
|
||
if (elem === false) {
|
||
return props[i];
|
||
}
|
||
|
||
item = obj[props[i]];
|
||
|
||
// let's bind a function
|
||
if (is(item, 'function')) {
|
||
// bind to obj unless overridden
|
||
return fnBind(item, elem || obj);
|
||
}
|
||
|
||
// return the unbound function or obj or value
|
||
return item;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
;
|
||
|
||
/**
|
||
* testPropsAll tests a list of DOM properties we want to check against.
|
||
* We specify literally ALL possible (known and/or likely) properties on
|
||
* the element including the non-vendor prefixed one, for forward-
|
||
* compatibility.
|
||
*
|
||
* @access private
|
||
* @function testPropsAll
|
||
* @param {string} prop - A string of the property to test for
|
||
* @param {string|object} [prefixed] - An object to check the prefixed properties on. Use a string to skip
|
||
* @param {HTMLElement|SVGElement} [elem] - An element used to test the property and value against
|
||
* @param {string} [value] - A string of a css value
|
||
* @param {boolean} [skipValueTest] - An boolean representing if you want to test if value sticks when set
|
||
* @returns {string|boolean} returns the string version of the property, or `false` if it is unsupported
|
||
*/
|
||
function testPropsAll(prop, prefixed, elem, value, skipValueTest) {
|
||
|
||
var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
|
||
props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
|
||
|
||
// did they call .prefixed('boxSizing') or are we just testing a prop?
|
||
if (is(prefixed, 'string') || is(prefixed, 'undefined')) {
|
||
return testProps(props, prefixed, value, skipValueTest);
|
||
|
||
// otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
|
||
} else {
|
||
props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
|
||
return testDOMProps(props, prefixed, elem);
|
||
}
|
||
}
|
||
|
||
// Modernizr.testAllProps() investigates whether a given style property,
|
||
// or any of its vendor-prefixed variants, is recognized
|
||
//
|
||
// Note that the property names must be provided in the camelCase variant.
|
||
// Modernizr.testAllProps('boxSizing')
|
||
ModernizrProto.testAllProps = testPropsAll;
|
||
|
||
|
||
|
||
/**
|
||
* prefixed returns the prefixed or nonprefixed property name variant of your input
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.prefixed
|
||
* @optionName Modernizr.prefixed()
|
||
* @optionProp prefixed
|
||
* @access public
|
||
* @function prefixed
|
||
* @param {string} prop - String name of the property to test for
|
||
* @param {object} [obj] - An object to test for the prefixed properties on
|
||
* @param {HTMLElement} [elem] - An element used to test specific properties against
|
||
* @returns {string|boolean} The string representing the (possibly prefixed) valid
|
||
* version of the property, or `false` when it is unsupported.
|
||
* @example
|
||
*
|
||
* Modernizr.prefixed takes a string css value in the DOM style camelCase (as
|
||
* opposed to the css style hyphen-case) form and returns the (possibly prefixed)
|
||
* version of that property that the browser actually supports.
|
||
*
|
||
* For example, in older Firefox...
|
||
* ```js
|
||
* prefixed('boxSizing')
|
||
* ```
|
||
* returns 'MozBoxSizing'
|
||
*
|
||
* In newer Firefox, as well as any other browser that support the unprefixed
|
||
* version would simply return `boxSizing`. Any browser that does not support
|
||
* the property at all, it will return `false`.
|
||
*
|
||
* By default, prefixed is checked against a DOM element. If you want to check
|
||
* for a property on another object, just pass it as a second argument
|
||
*
|
||
* ```js
|
||
* var rAF = prefixed('requestAnimationFrame', window);
|
||
*
|
||
* raf(function() {
|
||
* renderFunction();
|
||
* })
|
||
* ```
|
||
*
|
||
* Note that this will return _the actual function_ - not the name of the function.
|
||
* If you need the actual name of the property, pass in `false` as a third argument
|
||
*
|
||
* ```js
|
||
* var rAFProp = prefixed('requestAnimationFrame', window, false);
|
||
*
|
||
* rafProp === 'WebkitRequestAnimationFrame' // in older webkit
|
||
* ```
|
||
*
|
||
* One common use case for prefixed is if you're trying to determine which transition
|
||
* end event to bind to, you might do something like...
|
||
* ```js
|
||
* var transEndEventNames = {
|
||
* 'WebkitTransition' : 'webkitTransitionEnd', * Saf 6, Android Browser
|
||
* 'MozTransition' : 'transitionend', * only for FF < 15
|
||
* 'transition' : 'transitionend' * IE10, Opera, Chrome, FF 15+, Saf 7+
|
||
* };
|
||
*
|
||
* var transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
|
||
* ```
|
||
*
|
||
* If you want a similar lookup, but in hyphen-case, you can use [prefixedCSS](#modernizr-prefixedcss).
|
||
*/
|
||
var prefixed = ModernizrProto.prefixed = function(prop, obj, elem) {
|
||
if (prop.indexOf('@') === 0) {
|
||
return atRule(prop);
|
||
}
|
||
|
||
if (prop.indexOf('-') !== -1) {
|
||
// Convert hyphen-case to camelCase
|
||
prop = cssToDOM(prop);
|
||
}
|
||
if (!obj) {
|
||
return testPropsAll(prop, 'pfx');
|
||
} else {
|
||
// Testing DOM property e.g. Modernizr.prefixed('requestAnimationFrame', window) // 'mozRequestAnimationFrame'
|
||
return testPropsAll(prop, obj, elem);
|
||
}
|
||
};
|
||
|
||
|
||
|
||
/**
|
||
* List of property values to set for css tests. See ticket #21
|
||
* https://github.com/modernizr/modernizr/issues/21
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr._prefixes
|
||
* @optionName Modernizr._prefixes
|
||
* @optionProp prefixes
|
||
* @access public
|
||
* @example
|
||
*
|
||
* Modernizr._prefixes is the internal list of prefixes that we test against
|
||
* inside of things like [prefixed](#modernizr-prefixed) and [prefixedCSS](#-code-modernizr-prefixedcss). It is simply
|
||
* an array of hyphen-case vendor prefixes you can use within your code.
|
||
*
|
||
* Some common use cases include
|
||
*
|
||
* Generating all possible prefixed version of a CSS property
|
||
* ```js
|
||
* var rule = Modernizr._prefixes.join('transform: rotate(20deg); ');
|
||
*
|
||
* rule === 'transform: rotate(20deg); webkit-transform: rotate(20deg); moz-transform: rotate(20deg); o-transform: rotate(20deg); ms-transform: rotate(20deg);'
|
||
* ```
|
||
*
|
||
* Generating all possible prefixed version of a CSS value
|
||
* ```js
|
||
* rule = 'display:' + Modernizr._prefixes.join('flex; display:') + 'flex';
|
||
*
|
||
* rule === 'display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; display:-ms-flex; display:flex'
|
||
* ```
|
||
*/
|
||
// we use ['',''] rather than an empty array in order to allow a pattern of .`join()`ing prefixes to test
|
||
// values in feature detects to continue to work
|
||
var prefixes = (ModernizrProto._config.usePrefixes ? ' -webkit- -moz- -o- -ms- '.split(' ') : ['','']);
|
||
|
||
// expose these for the plugin API. Look in the source for how to join() them against your input
|
||
ModernizrProto._prefixes = prefixes;
|
||
|
||
|
||
|
||
/**
|
||
* prefixedCSS is just like [prefixed](#modernizr-prefixed), but the returned values are in
|
||
* hyphen-case (e.g. `box-sizing`) rather than camelCase (boxSizing).
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.prefixedCSS
|
||
* @optionName Modernizr.prefixedCSS()
|
||
* @optionProp prefixedCSS
|
||
* @access public
|
||
* @function prefixedCSS
|
||
* @param {string} prop - String name of the property to test for
|
||
* @returns {string|boolean} The string representing the (possibly prefixed)
|
||
* valid version of the property, or `false` when it is unsupported.
|
||
* @example
|
||
*
|
||
* `Modernizr.prefixedCSS` is like `Modernizr.prefixed`, but returns the result
|
||
* in hyphenated form
|
||
*
|
||
* ```js
|
||
* Modernizr.prefixedCSS('transition') // '-moz-transition' in old Firefox
|
||
* ```
|
||
*
|
||
* Since it is only useful for CSS style properties, it can only be tested against
|
||
* an HTMLElement.
|
||
*
|
||
* Properties can be passed as both the DOM style camelCase or CSS style hyphen-case.
|
||
*/
|
||
var prefixedCSS = ModernizrProto.prefixedCSS = function(prop) {
|
||
var prefixedProp = prefixed(prop);
|
||
return prefixedProp && domToCSS(prefixedProp);
|
||
};
|
||
|
||
|
||
|
||
/**
|
||
* testAllProps determines whether a given CSS property is supported in the browser
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.testAllProps
|
||
* @optionName Modernizr.testAllProps()
|
||
* @optionProp testAllProps
|
||
* @access public
|
||
* @function testAllProps
|
||
* @param {string} prop - String naming the property to test (either camelCase or hyphen-case)
|
||
* @param {string} [value] - String of the value to test
|
||
* @param {boolean} [skipValueTest=false] - Whether to skip testing that the value is supported when using non-native detection
|
||
* @returns {string|boolean} returns the string version of the property, or `false` if it is unsupported
|
||
* @example
|
||
*
|
||
* testAllProps determines whether a given CSS property, in some prefixed form,
|
||
* is supported by the browser.
|
||
*
|
||
* ```js
|
||
* testAllProps('boxSizing') // true
|
||
* ```
|
||
*
|
||
* It can optionally be given a CSS value in string form to test if a property
|
||
* value is valid
|
||
*
|
||
* ```js
|
||
* testAllProps('display', 'block') // true
|
||
* testAllProps('display', 'penguin') // false
|
||
* ```
|
||
*
|
||
* A boolean can be passed as a third parameter to skip the value check when
|
||
* native detection (@supports) isn't available.
|
||
*
|
||
* ```js
|
||
* testAllProps('shapeOutside', 'content-box', true);
|
||
* ```
|
||
*/
|
||
function testAllProps(prop, value, skipValueTest) {
|
||
return testPropsAll(prop, undefined, undefined, value, skipValueTest);
|
||
}
|
||
|
||
ModernizrProto.testAllProps = testAllProps;
|
||
|
||
|
||
|
||
/**
|
||
* testProp() investigates whether a given style property is recognized
|
||
* Property names can be provided in either camelCase or hyphen-case.
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.testProp
|
||
* @access public
|
||
* @optionName Modernizr.testProp()
|
||
* @optionProp testProp
|
||
* @function testProp
|
||
* @param {string} prop - Name of the CSS property to check
|
||
* @param {string} [value] - Name of the CSS value to check
|
||
* @param {boolean} [useValue] - Whether or not to check the value if @supports isn't supported
|
||
* @returns {boolean} an empty string if the property is supported, undefined if its unsupported
|
||
* @example
|
||
*
|
||
* Just like [testAllProps](#modernizr-testallprops), only it does not check any vendor prefixed
|
||
* version of the string.
|
||
*
|
||
* Note that the property name must be provided in camelCase (e.g. boxSizing not box-sizing)
|
||
*
|
||
* ```js
|
||
* Modernizr.testProp('pointerEvents') // true
|
||
* ```
|
||
*
|
||
* You can also provide a value as an optional second argument to check if a
|
||
* specific value is supported
|
||
*
|
||
* ```js
|
||
* Modernizr.testProp('pointerEvents', 'none') // true
|
||
* Modernizr.testProp('pointerEvents', 'penguin') // false
|
||
* ```
|
||
*/
|
||
var testProp = ModernizrProto.testProp = function(prop, value, useValue) {
|
||
return testProps([prop], undefined, value, useValue);
|
||
};
|
||
|
||
|
||
|
||
/**
|
||
* testStyles injects an element with style element and some CSS rules
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr.testStyles
|
||
* @optionName Modernizr.testStyles()
|
||
* @optionProp testStyles
|
||
* @access public
|
||
* @function testStyles
|
||
* @param {string} rule - String representing a css rule
|
||
* @param {Function} callback - A function that is used to test the injected element
|
||
* @param {number} [nodes] - An integer representing the number of additional nodes you want injected
|
||
* @param {string[]} [testnames] - An array of strings that are used as ids for the additional nodes
|
||
* @returns {boolean}
|
||
* @example
|
||
*
|
||
* `Modernizr.testStyles` takes a CSS rule and injects it onto the current page
|
||
* along with (possibly multiple) DOM elements. This lets you check for features
|
||
* that can not be detected by simply checking the [IDL](https://developer.mozilla.org/en-US/docs/Mozilla/Developer_guide/Interface_development_guide/IDL_interface_rules).
|
||
*
|
||
* ```js
|
||
* Modernizr.testStyles('#modernizr { width: 9px; color: papayawhip; }', function(elem, rule) {
|
||
* // elem is the first DOM node in the page (by default #modernizr)
|
||
* // rule is the first argument you supplied - the CSS rule in string form
|
||
*
|
||
* addTest('widthworks', elem.style.width === '9px')
|
||
* });
|
||
* ```
|
||
*
|
||
* If your test requires multiple nodes, you can include a third argument
|
||
* indicating how many additional div elements to include on the page. The
|
||
* additional nodes are injected as children of the `elem` that is returned as
|
||
* the first argument to the callback.
|
||
*
|
||
* ```js
|
||
* Modernizr.testStyles('#modernizr {width: 1px}; #modernizr2 {width: 2px}', function(elem) {
|
||
* document.getElementById('modernizr').style.width === '1px'; // true
|
||
* document.getElementById('modernizr2').style.width === '2px'; // true
|
||
* elem.firstChild === document.getElementById('modernizr2'); // true
|
||
* }, 1);
|
||
* ```
|
||
*
|
||
* By default, all of the additional elements have an ID of `modernizr[n]`, where
|
||
* `n` is its index (e.g. the first additional, second overall is `#modernizr2`,
|
||
* the second additional is `#modernizr3`, etc.).
|
||
* If you want to have more meaningful IDs for your function, you can provide
|
||
* them as the fourth argument, as an array of strings
|
||
*
|
||
* ```js
|
||
* Modernizr.testStyles('#foo {width: 10px}; #bar {height: 20px}', function(elem) {
|
||
* elem.firstChild === document.getElementById('foo'); // true
|
||
* elem.lastChild === document.getElementById('bar'); // true
|
||
* }, 2, ['foo', 'bar']);
|
||
* ```
|
||
*/
|
||
var testStyles = ModernizrProto.testStyles = injectElementWithStyles;
|
||
|
||
/*!
|
||
{
|
||
"name": "a[download] Attribute",
|
||
"property": "adownload",
|
||
"caniuse": "download",
|
||
"tags": ["media", "attribute"],
|
||
"builderAliases": ["a_download"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://developers.whatwg.org/links.html#downloading-resources"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
When used on an `<a>`, this attribute signifies that the resource it points to should be downloaded by the browser rather than navigating to it.
|
||
*/
|
||
|
||
Modernizr.addTest('adownload', !window.externalHost && 'download' in createElement('a'));
|
||
|
||
/*!
|
||
{
|
||
"name": "a[ping] Attribute",
|
||
"property": "aping",
|
||
"caniuse": "ping",
|
||
"tags": ["media", "attribute"],
|
||
"builderAliases": ["a_ping"],
|
||
"authors": ["Hélio Correia (@heliocorreia)"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/dev/links.html#ping"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
The ping attribute, if present, gives the URLs of the resources that are interested in being notified if the user follows the hyperlink.
|
||
*/
|
||
|
||
Modernizr.addTest('aping', !window.externalHost && 'ping' in createElement('a'));
|
||
|
||
/*!
|
||
{
|
||
"name": "area[ping] Attribute",
|
||
"property": "areaping",
|
||
"caniuse": "ping",
|
||
"tags": ["media", "attribute"],
|
||
"builderAliases": ["area_ping"],
|
||
"authors": ["Hélio Correia (@heliocorreia)"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/dev/links.html#ping"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
The ping attribute, if present, gives the URLs of the resources that are interested in being notified if the user follows the hyperlink.
|
||
*/
|
||
|
||
Modernizr.addTest('areaping', !window.externalHost && 'ping' in createElement('area'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Ambient Light Events",
|
||
"property": "ambientlight",
|
||
"caniuse": "ambient-light",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/ambient-light/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the API that provides information about the ambient light levels, as detected by the device's light detector, in terms of lux units.
|
||
*/
|
||
|
||
Modernizr.addTest('ambientlight', hasEvent('devicelight', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "Application Cache",
|
||
"property": "applicationcache",
|
||
"caniuse": "offline-apps",
|
||
"tags": ["storage", "offline"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/docs/HTML/Using_the_application_cache"
|
||
}],
|
||
"polyfills": ["html5gears"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Application Cache, for storing data to enable web-based applications run offline.
|
||
|
||
The API has been [heavily criticized](https://alistapart.com/article/application-cache-is-a-douchebag) and discussions are underway to address this.
|
||
*/
|
||
|
||
Modernizr.addTest('applicationcache', 'applicationCache' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "HTML5 Audio Element",
|
||
"property": "audio",
|
||
"caniuse": "audio",
|
||
"tags": ["html5", "audio", "media"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support of the audio element, as well as testing what types of content it supports.
|
||
|
||
Subproperties are provided to describe support for `ogg`, `mp3`,`opus`, `wav` and `m4a` formats, e.g.:
|
||
|
||
```javascript
|
||
Modernizr.audio // true
|
||
Modernizr.audio.ogg // 'probably'
|
||
```
|
||
*/
|
||
|
||
// Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
|
||
// thx to NielsLeenheer and zcorpan
|
||
|
||
// Note: in some older browsers, "no" was a return value instead of empty string.
|
||
// It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
|
||
// It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
|
||
(function() {
|
||
var elem = createElement('audio');
|
||
|
||
Modernizr.addTest('audio', function() {
|
||
var bool = false;
|
||
try {
|
||
bool = !!elem.canPlayType;
|
||
if (bool) {
|
||
bool = new Boolean(bool);
|
||
}
|
||
} catch (e) {}
|
||
|
||
return bool;
|
||
});
|
||
|
||
// IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
|
||
try {
|
||
if (!!elem.canPlayType) {
|
||
Modernizr.addTest('audio.ogg', elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/, ''));
|
||
Modernizr.addTest('audio.mp3', elem.canPlayType('audio/mpeg; codecs="mp3"').replace(/^no$/, ''));
|
||
Modernizr.addTest('audio.opus', elem.canPlayType('audio/ogg; codecs="opus"') ||
|
||
elem.canPlayType('audio/webm; codecs="opus"').replace(/^no$/, ''));
|
||
Modernizr.addTest('audio.wav', elem.canPlayType('audio/wav; codecs="1"').replace(/^no$/, ''));
|
||
Modernizr.addTest('audio.m4a', (elem.canPlayType('audio/x-m4a;') ||
|
||
elem.canPlayType('audio/aac;')).replace(/^no$/, ''));
|
||
}
|
||
} catch (e) {}
|
||
})();
|
||
|
||
/*!
|
||
{
|
||
"name": "Audio Autoplay",
|
||
"property": "audioautoplay",
|
||
"authors": ["Jordy van Dortmont"],
|
||
"tags": ["audio"],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Checks for support of the autoplay attribute of the audio element.
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var timeout;
|
||
var waitTime = 200;
|
||
var retries = 5;
|
||
var currentTry = 0;
|
||
var elem = createElement('audio');
|
||
var elemStyle = elem.style;
|
||
|
||
function testAutoplay(arg) {
|
||
currentTry++;
|
||
clearTimeout(timeout);
|
||
|
||
var result = arg && arg.type === 'playing' || elem.currentTime !== 0;
|
||
|
||
if (!result && currentTry < retries) {
|
||
// Detection can be flaky if the browser is slow, so lets retry in a little bit
|
||
timeout = setTimeout(testAutoplay, waitTime);
|
||
return;
|
||
}
|
||
|
||
elem.removeEventListener('playing', testAutoplay, false);
|
||
addTest('audioautoplay', result);
|
||
|
||
// Cleanup, but don't assume elem is still in the page -
|
||
// an extension may already have removed it.
|
||
if (elem.parentNode) {
|
||
elem.parentNode.removeChild(elem);
|
||
}
|
||
}
|
||
|
||
// Skip the test if audio itself, or the autoplay element on it isn't supported
|
||
if (!Modernizr.audio || !('autoplay' in elem)) {
|
||
addTest('audioautoplay', false);
|
||
return;
|
||
}
|
||
|
||
elemStyle.position = 'absolute';
|
||
elemStyle.height = 0;
|
||
elemStyle.width = 0;
|
||
|
||
try {
|
||
if (Modernizr.audio.mp3) {
|
||
elem.src = 'data:audio/mpeg;base64,/+MYxAAAAANIAUAAAASEEB/jwOFM/0MM/90b/+RhST//w4NFwOjf///PZu////9lns5GFDv//l9GlUIEEIAAAgIg8Ir/JGq3/+MYxDsLIj5QMYcoAP0dv9HIjUcH//yYSg+CIbkGP//8w0bLVjUP///3Z0x5QCAv/yLjwtGKTEFNRTMuOTeqqqqqqqqqqqqq/+MYxEkNmdJkUYc4AKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq';
|
||
}
|
||
else if (Modernizr.audio.wav) {
|
||
elem.src = 'data:audio/wav;base64,UklGRjQAAABXQVZFZm10IBAAAAABAAEAEAAAABAAAAABAAgAZGF0YRAAAAB/f39/f39/f39/f39/f39/';
|
||
}
|
||
else {
|
||
addTest('audioautoplay', false);
|
||
return;
|
||
}
|
||
}
|
||
|
||
catch (e) {
|
||
addTest('audioautoplay', false);
|
||
return;
|
||
}
|
||
|
||
elem.setAttribute('autoplay', '');
|
||
elemStyle.cssText = 'display:none';
|
||
docElement.appendChild(elem);
|
||
// Wait for the next tick to add the listener, otherwise the element may
|
||
// not have time to play in high load situations (e.g. the test suite)
|
||
setTimeout(function() {
|
||
elem.addEventListener('playing', testAutoplay, false);
|
||
timeout = setTimeout(testAutoplay, waitTime);
|
||
}, 0);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Audio Loop Attribute",
|
||
"property": "audioloop",
|
||
"tags": ["audio", "media"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects if an audio element can automatically restart, once it has finished
|
||
*/
|
||
|
||
Modernizr.addTest('audioloop', 'loop' in createElement('audio'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Audio Preload",
|
||
"property": "audiopreload",
|
||
"tags": ["audio", "media"],
|
||
"async": true,
|
||
"warnings": ["This test is very large – only include it if you absolutely need it"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects if audio can be downloaded in the background before it starts playing in the `<audio>` element
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var timeout;
|
||
var waitTime = 300;
|
||
var elem = createElement('audio');
|
||
var elemStyle = elem.style;
|
||
|
||
function testpreload(event) {
|
||
clearTimeout(timeout);
|
||
var result = event !== undefined && event.type === 'loadeddata' ? true : false; //need to check if event is not undefined here in case function is evoked from timeout (no parameters)
|
||
elem.removeEventListener('loadeddata', testpreload, false);
|
||
addTest('audiopreload', result);
|
||
// Cleanup, but don't assume elem is still in the page -
|
||
// an extension (eg Flashblock) may already have removed it.
|
||
if (elem.parentNode) {
|
||
elem.parentNode.removeChild(elem);
|
||
}
|
||
}
|
||
|
||
//skip the test if audio itself, or the preload
|
||
//element on it isn't supported
|
||
if (!Modernizr.audio || !('preload' in elem)) {
|
||
addTest('audiopreload', false);
|
||
return;
|
||
}
|
||
|
||
elemStyle.position = 'absolute';
|
||
elemStyle.height = 0;
|
||
elemStyle.width = 0;
|
||
|
||
try {
|
||
if (Modernizr.audio.mp3) {
|
||
//75ms of silence (minimum Mp3 duration loaded by Safari, not tested other formats thoroughly: may be possible to shrink base64 URI)
|
||
elem.src = 'data:audio/mpeg;base64,//MUxAAB6AXgAAAAAPP+c6nf//yi/6f3//MUxAMAAAIAAAjEcH//0fTX6C9Lf//0//MUxA4BeAIAAAAAAKX2/6zv//+IlR4f//MUxBMCMAH8AAAAABYWalVMQU1FMy45//MUxBUB0AH0AAAAADkuM1VVVVVVVVVV//MUxBgBUATowAAAAFVVVVVVVVVVVVVV';
|
||
}
|
||
else if (Modernizr.audio.m4a) {
|
||
elem.src = 'data:audio/x-m4a;base64,AAAAGGZ0eXBNNEEgAAACAGlzb21pc28yAAAACGZyZWUAAAAfbWRhdN4EAABsaWJmYWFjIDEuMjgAAAFoAQBHAAACiG1vb3YAAABsbXZoZAAAAAB8JbCAfCWwgAAAA+gAAAAYAAEAAAEAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAG0dHJhawAAAFx0a2hkAAAAD3wlsIB8JbCAAAAAAQAAAAAAAAAYAAAAAAAAAAAAAAAAAQAAAAABAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAABUG1kaWEAAAAgbWRoZAAAAAB8JbCAfCWwgAAArEQAAAQAVcQAAAAAAC1oZGxyAAAAAAAAAABzb3VuAAAAAAAAAAAAAAAAU291bmRIYW5kbGVyAAAAAPttaW5mAAAAEHNtaGQAAAAAAAAAAAAAACRkaW5mAAAAHGRyZWYAAAAAAAAAAQAAAAx1cmwgAAAAAQAAAL9zdGJsAAAAW3N0c2QAAAAAAAAAAQAAAEttcDRhAAAAAAAAAAEAAAAAAAAAAAACABAAAAAArEQAAAAAACdlc2RzAAAAAAMZAAEABBFAFQAAAAABftAAAAAABQISCAYBAgAAABhzdHRzAAAAAAAAAAEAAAABAAAEAAAAABxzdHNjAAAAAAAAAAEAAAABAAAAAQAAAAEAAAAUc3RzegAAAAAAAAAXAAAAAQAAABRzdGNvAAAAAAAAAAEAAAAoAAAAYHVkdGEAAABYbWV0YQAAAAAAAAAhaGRscgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAraWxzdAAAACOpdG9vAAAAG2RhdGEAAAABAAAAAExhdmY1Mi42NC4y';
|
||
}
|
||
else if (Modernizr.audio.ogg) {
|
||
elem.src = 'data:audio/ogg;base64,T2dnUwACAAAAAAAAAAD/QwAAAAAAAM2LVKsBHgF2b3JiaXMAAAAAAUSsAAAAAAAAgLsAAAAAAAC4AU9nZ1MAAAAAAAAAAAAA/0MAAAEAAADmvOe6Dy3/////////////////MgN2b3JiaXMdAAAAWGlwaC5PcmcgbGliVm9yYmlzIEkgMjAwNzA2MjIAAAAAAQV2b3JiaXMfQkNWAQAAAQAYY1QpRplS0kqJGXOUMUaZYpJKiaWEFkJInXMUU6k515xrrLm1IIQQGlNQKQWZUo5SaRljkCkFmVIQS0kldBI6J51jEFtJwdaYa4tBthyEDZpSTCnElFKKQggZU4wpxZRSSkIHJXQOOuYcU45KKEG4nHOrtZaWY4updJJK5yRkTEJIKYWSSgelU05CSDWW1lIpHXNSUmpB6CCEEEK2IIQNgtCQVQAAAQDAQBAasgoAUAAAEIqhGIoChIasAgAyAAAEoCiO4iiOIzmSY0kWEBqyCgAAAgAQAADAcBRJkRTJsSRL0ixL00RRVX3VNlVV9nVd13Vd13UgNGQVAAABAEBIp5mlGiDCDGQYCA1ZBQAgAAAARijCEANCQ1YBAAABAABiKDmIJrTmfHOOg2Y5aCrF5nRwItXmSW4q5uacc845J5tzxjjnnHOKcmYxaCa05pxzEoNmKWgmtOacc57E5kFrqrTmnHPGOaeDcUYY55xzmrTmQWo21uaccxa0pjlqLsXmnHMi5eZJbS7V5pxzzjnnnHPOOeecc6oXp3NwTjjnnHOi9uZabkIX55xzPhmne3NCOOecc84555xzzjnnnHOC0JBVAAAQAABBGDaGcacgSJ+jgRhFiGnIpAfdo8MkaAxyCqlHo6ORUuoglFTGSSmdIDRkFQAACAAAIYQUUkghhRRSSCGFFFKIIYYYYsgpp5yCCiqppKKKMsoss8wyyyyzzDLrsLPOOuwwxBBDDK20EktNtdVYY62555xrDtJaaa211koppZRSSikIDVkFAIAAABAIGWSQQUYhhRRSiCGmnHLKKaigAkJDVgEAgAAAAgAAADzJc0RHdERHdERHdERHdETHczxHlERJlERJtEzL1ExPFVXVlV1b1mXd9m1hF3bd93Xf93Xj14VhWZZlWZZlWZZlWZZlWZZlWYLQkFUAAAgAAIAQQgghhRRSSCGlGGPMMeegk1BCIDRkFQAACAAgAAAAwFEcxXEkR3IkyZIsSZM0S7M8zdM8TfREURRN01RFV3RF3bRF2ZRN13RN2XRVWbVdWbZt2dZtX5Zt3/d93/d93/d93/d93/d1HQgNWQUASAAA6EiOpEiKpEiO4ziSJAGhIasAABkAAAEAKIqjOI7jSJIkSZakSZ7lWaJmaqZneqqoAqEhqwAAQAAAAQAAAAAAKJriKabiKaLiOaIjSqJlWqKmaq4om7Lruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7ruq7rui4QGrIKAJAAANCRHMmRHEmRFEmRHMkBQkNWAQAyAAACAHAMx5AUybEsS9M8zdM8TfRET/RMTxVd0QVCQ1YBAIAAAAIAAAAAADAkw1IsR3M0SZRUS7VUTbVUSxVVT1VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVTVN0zRNIDRkJQAABADAYo3B5SAhJSXl3hDCEJOeMSYhtV4hBJGS3jEGFYOeMqIMct5C4xCDHggNWREARAEAAMYgxxBzyDlHqZMSOeeodJQa5xyljlJnKcWYYs0oldhSrI1zjlJHraOUYiwtdpRSjanGAgAAAhwAAAIshEJDVgQAUQAAhDFIKaQUYow5p5xDjCnnmHOGMeYcc44556B0UirnnHROSsQYc445p5xzUjonlXNOSiehAACAAAcAgAALodCQFQFAnACAQZI8T/I0UZQ0TxRFU3RdUTRd1/I81fRMU1U90VRVU1Vt2VRVWZY8zzQ901RVzzRV1VRVWTZVVZZFVdVt03V123RV3ZZt2/ddWxZ2UVVt3VRd2zdV1/Zd2fZ9WdZ1Y/I8VfVM03U903Rl1XVtW3VdXfdMU5ZN15Vl03Vt25VlXXdl2fc103Rd01Vl2XRd2XZlV7ddWfZ903WF35VlX1dlWRh2XfeFW9eV5XRd3VdlVzdWWfZ9W9eF4dZ1YZk8T1U903RdzzRdV3VdX1dd19Y105Rl03Vt2VRdWXZl2fddV9Z1zzRl2XRd2zZdV5ZdWfZ9V5Z13XRdX1dlWfhVV/Z1WdeV4dZt4Tdd1/dVWfaFV5Z14dZ1Ybl1XRg+VfV9U3aF4XRl39eF31luXTiW0XV9YZVt4VhlWTl+4ViW3feVZXRdX1ht2RhWWRaGX/id5fZ943h1XRlu3efMuu8Mx++k+8rT1W1jmX3dWWZfd47hGDq/8OOpqq+brisMpywLv+3rxrP7vrKMruv7qiwLvyrbwrHrvvP8vrAso+z6wmrLwrDatjHcvm4sv3Acy2vryjHrvlG2dXxfeArD83R1XXlmXcf2dXTjRzh+ygAAgAEHAIAAE8pAoSErAoA4AQCPJImiZFmiKFmWKIqm6LqiaLqupGmmqWmeaVqaZ5qmaaqyKZquLGmaaVqeZpqap5mmaJqua5qmrIqmKcumasqyaZqy7LqybbuubNuiacqyaZqybJqmLLuyq9uu7Oq6pFmmqXmeaWqeZ5qmasqyaZquq3meanqeaKqeKKqqaqqqraqqLFueZ5qa6KmmJ4qqaqqmrZqqKsumqtqyaaq2bKqqbbuq7Pqybeu6aaqybaqmLZuqatuu7OqyLNu6L2maaWqeZ5qa55mmaZqybJqqK1uep5qeKKqq5ommaqqqLJumqsqW55mqJ4qq6omea5qqKsumatqqaZq2bKqqLZumKsuubfu+68qybqqqbJuqauumasqybMu+78qq7oqmKcumqtqyaaqyLduy78uyrPuiacqyaaqybaqqLsuybRuzbPu6aJqybaqmLZuqKtuyLfu6LNu678qub6uqrOuyLfu67vqucOu6MLyybPuqrPq6K9u6b+sy2/Z9RNOUZVM1bdtUVVl2Zdn2Zdv2fdE0bVtVVVs2TdW2ZVn2fVm2bWE0Tdk2VVXWTdW0bVmWbWG2ZeF2Zdm3ZVv2ddeVdV/XfePXZd3murLty7Kt+6qr+rbu+8Jw667wCgAAGHAAAAgwoQwUGrISAIgCAACMYYwxCI1SzjkHoVHKOecgZM5BCCGVzDkIIZSSOQehlJQy5yCUklIIoZSUWgshlJRSawUAABQ4AAAE2KApsThAoSErAYBUAACD41iW55miatqyY0meJ4qqqaq27UiW54miaaqqbVueJ4qmqaqu6+ua54miaaqq6+q6aJqmqaqu67q6Lpqiqaqq67qyrpumqqquK7uy7Oumqqqq68quLPvCqrquK8uybevCsKqu68qybNu2b9y6ruu+7/vCka3rui78wjEMRwEA4AkOAEAFNqyOcFI0FlhoyEoAIAMAgDAGIYMQQgYhhJBSSiGllBIAADDgAAAQYEIZKDRkRQAQJwAAGEMppJRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkgppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkqppJRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoplVJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSSimllFJKKaWUUkoppZRSCgCQinAAkHowoQwUGrISAEgFAACMUUopxpyDEDHmGGPQSSgpYsw5xhyUklLlHIQQUmktt8o5CCGk1FJtmXNSWosx5hgz56SkFFvNOYdSUoux5ppr7qS0VmuuNedaWqs115xzzbm0FmuuOdecc8sx15xzzjnnGHPOOeecc84FAOA0OACAHtiwOsJJ0VhgoSErAYBUAAACGaUYc8456BBSjDnnHIQQIoUYc845CCFUjDnnHHQQQqgYc8w5CCGEkDnnHIQQQgghcw466CCEEEIHHYQQQgihlM5BCCGEEEooIYQQQgghhBA6CCGEEEIIIYQQQgghhFJKCCGEEEIJoZRQAABggQMAQIANqyOcFI0FFhqyEgAAAgCAHJagUs6EQY5Bjw1BylEzDUJMOdGZYk5qMxVTkDkQnXQSGWpB2V4yCwAAgCAAIMAEEBggKPhCCIgxAABBiMwQCYVVsMCgDBoc5gHAA0SERACQmKBIu7iALgNc0MVdB0IIQhCCWBxAAQk4OOGGJ97whBucoFNU6iAAAAAAAAwA4AEA4KAAIiKaq7C4wMjQ2ODo8AgAAAAAABYA+AAAOD6AiIjmKiwuMDI0Njg6PAIAAAAAAAAAAICAgAAAAAAAQAAAAICAT2dnUwAE7AwAAAAAAAD/QwAAAgAAADuydfsFAQEBAQEACg4ODg==';
|
||
}
|
||
else if (Modernizr.audio.wav) {
|
||
elem.src = 'data:audio/wav;base64,UklGRvwZAABXQVZFZm10IBAAAAABAAEARKwAAIhYAQACABAAZGF0YdgZAAAAAAEA/v8CAP//AAABAP////8DAPz/BAD9/wEAAAAAAAAAAAABAP7/AgD//wAAAQD//wAAAQD//wAAAQD+/wIA//8AAAAAAAD//wIA/v8BAAAA//8BAAAA//8BAP//AQAAAP//AQD//wEAAAD//wEA//8BAP//AQD//wEA//8BAP//AQD+/wMA/f8DAP3/AgD+/wIA/////wMA/f8CAP7/AgD+/wMA/f8CAP7/AgD//wAAAAAAAAAAAQD+/wIA/v8CAP7/AwD9/wIA/v8BAAEA/v8CAP7/AQAAAAAAAAD//wEAAAD//wIA/f8DAP7/AQD//wEAAAD//wEA//8CAP7/AQD//wIA/v8CAP7/AQAAAAAAAAD//wEAAAAAAAAA//8BAP//AgD9/wQA+/8FAPz/AgAAAP//AgD+/wEAAAD//wIA/v8CAP3/BAD8/wQA/P8DAP7/AwD8/wQA/P8DAP7/AQAAAAAA//8BAP//AgD+/wEAAAD//wIA/v8BAP//AQD//wEAAAD//wEA//8BAAAAAAAAAP//AgD+/wEAAAAAAAAAAAD//wEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//AgD+/wIA/v8BAP//AQABAP7/AQD//wIA/v8CAP3/AwD/////AgD9/wMA/v8BAP//AQAAAP//AQD//wEA//8BAP//AAABAP//AAABAP//AQD//wAAAAACAP3/AwD9/wIA//8BAP//AQD//wEA//8BAP//AgD9/wMA/v8AAAIA/f8CAAAA/v8EAPv/BAD9/wIAAAD+/wQA+v8HAPr/BAD+/wEAAAD//wIA/f8EAPz/BAD7/wUA/P8EAPz/AwD+/wEAAAD//wEAAAAAAP//AgD8/wUA+/8FAPz/AwD9/wIA//8AAAEA/v8CAP//AQD//wAAAAABAP//AgD9/wMA/f8EAPz/AwD+/wAAAwD7/wUA/P8DAP7/AQAAAP//AgD+/wEAAQD+/wIA/v8BAAEA/v8CAP7/AQAAAP//AgD9/wMA/f8DAP7/AgD+/wEAAAAAAAEA//8AAAEA/v8DAP3/AgD//wEA//8BAP7/AwD9/wMA/v8BAP//AQAAAP//AgD9/wMA/v8BAP//AQAAAP//AgD+/wEAAQD+/wIA/////wIA//8AAAEA/f8DAP//AAABAP////8DAP3/AwD+/wEA//8BAP//AQAAAAAA//8BAP//AQD//wEA//8BAP//AAAAAAEA//8BAP7/AgD//wEA//8AAAAAAAAAAAAAAAD//wIA/v8BAAAA//8BAAEA/v8BAAAA//8DAPz/AwD+/wIA/v8CAP3/AwD+/wEAAAD//wEA//8BAAAA//8BAAAA/v8EAPv/BAD+/wAAAAABAP7/AgD//wAAAAABAP7/AgD//wAAAAAAAAAAAAABAP3/BAD8/wQA/f8BAAAAAAABAP7/AgD+/wIA/v8CAP7/AgD+/wIA/v8BAAAAAAD//wIA/f8DAP7/AAABAP//AAACAPz/BAD9/wIA//8AAP//AwD9/wMA/P8EAP3/AwD9/wIA//8BAP//AQD+/wMA/f8DAP7/AAABAP//AQAAAP//AQD//wIA/f8DAP7/AQAAAP//AQAAAAAA//8CAP7/AQABAP7/AgD+/wEAAQD+/wIA/v8CAP////8CAP7/AgD//wAAAAABAP7/AwD9/wIAAAD+/wMA/f8CAP//AQD+/wMA/f8CAP//AAACAPz/BQD6/wUA/v///wIA/v8CAP3/BAD7/wYA+v8FAPz/AwD/////AgD+/wEAAAD//wEAAAD//wIA/f8DAP7/AQAAAP//AgD//wAA//8BAAAAAAAAAP//AQD//wEA//8AAAIA/f8DAP3/AgAAAP//AQD//wEA//8AAAEA//8BAP////8CAP//AAABAP3/BAD9/wIA/v8BAAEA//8BAP7/AgD//wEA//8AAAEA//8BAP//AAAAAAEA//8BAP7/AgD//wEA//8AAAAAAQD+/wIA/v8BAAAAAAD//wIA/v8BAAAAAAAAAAAAAQD+/wMA/f8CAP//AQD//wIA/f8DAP7/AQD//wEA//8CAP7/AAABAP7/AwD9/wMA/v8AAAEA//8BAAAAAAD//wIA/v8BAAAA//8CAP7/AgD+/wEA//8CAP7/AgD//wAAAAAAAAAAAQD//wEA/v8DAPz/BQD8/wIA//8AAAEAAAD//wEA//8BAP//AQAAAAAA//8BAP//AgD+/wEAAAAAAP//AQD+/wMA/////wEA/v8CAP//AQD//wEA//8AAAEA//8BAAAA/v8EAPz/AwD+/wEAAAAAAAAA//8CAP7/AQD//wEA//8BAP//AAABAP7/AwD9/wIA//8BAP//AQD//wEA//8AAAEA/v8EAPv/BAD9/wIA//8BAP7/AwD9/wIA//8AAAEA//8BAP//AQD//wAAAQD//wEAAAD+/wMA/v8AAAIA/f8DAP7/AQD//wAAAQD+/wMA/f8CAP//AAABAP7/AgD+/wMA/f8CAP7/AQABAP7/AgD+/wIA/v8CAP7/AwD8/wMA//8AAAEA//8AAAAAAAABAP//AQD//wAAAQD//wIA/f8DAP3/AwD+/wAAAgD9/wIA//8AAAEAAAD+/wMA/P8FAPv/BAD9/wIA//8AAP//AgD+/wIA/v8BAAAAAAD//wEAAAAAAP//AQD//wEA//8BAP//AAABAP7/AwD9/wIA//8BAP//AAABAP//AQD//wAAAQD//wEA//8BAP//AAABAAAA//8BAP7/AwD9/wMA/f8DAP3/AgD//wEA//8BAP7/AgD//wAAAgD8/wQA/f8CAP//AQD+/wMA/f8CAP7/AgD//wAAAAAAAAAAAAABAP7/AwD9/wIA/v8DAP3/AwD9/wIA/v8DAPz/BQD7/wQA/f8CAP7/AwD9/wMA/f8CAP//AQAAAP7/AwD+/wEA//8AAAEAAAAAAP//AAABAP//AQAAAP7/AwD9/wMA/f8CAP//AQD//wEA//8AAAIA/f8CAAAA//8BAAAA//8BAAAA/v8EAPv/BAD9/wIA//8AAAEA/v8CAP//AAABAP//AAABAP//AAABAP7/AwD8/wQA/f8CAAAA/v8DAP3/AwD9/wMA/v8BAAAA//8BAAAA//8CAP7/AQAAAAAAAAAAAAAA//8CAP7/AgD+/wIA/v8CAP7/AgD//wAAAQD//wAAAQD//wAAAQD//wAAAQD+/wIA//8AAAAAAQD+/wMA/f8CAP//AQD//wEA//8AAAEA/v8DAP3/AgD//wAAAAABAP7/AwD9/wIA//8AAAEA/v8DAP3/AgD//wAAAAABAP7/AwD8/wMA/v8CAP//AAD//wIA/v8CAP7/AQABAP7/AQAAAP//AgD/////AQD//wEAAAD//wEA/v8EAPv/BAD9/wMA/v8BAAAA//8BAAEA/P8GAPr/BQD8/wMA/v8BAAAA//8CAP7/AQABAP3/BAD7/wYA+/8EAPz/AwD//wEA//8BAP7/BAD8/wMA/v8AAAIA/v8BAAAA//8BAAAA//8BAAAA//8CAP3/AwD+/wAAAgD8/wUA/P8DAP7/AAABAAAAAAD//wEAAAD//wIA/f8DAP7/AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAEA/f8EAPz/AwD/////AgD+/wIA/f8DAP7/AgD+/wEA//8CAP7/AQD//wEAAAAAAP//AQAAAP//AgD9/wMA/v8BAAAA//8BAP//AQAAAP//AAACAP3/BAD7/wQA/v8BAAAA//8BAP//AQAAAP//AQAAAP7/BAD7/wUA+/8EAP3/AgD//wAAAQD+/wIA//8AAAEA/v8CAP//AQD+/wEAAAAAAAAAAAD//wEA//8CAP3/AwD9/wIA//8AAAAAAAAAAAAA//8BAP//AgD+/wEA//8CAP7/AQAAAP//AgD/////AgD/////AgD+/wIA//8AAP//AQABAP7/AgD9/wMA/v8CAP////8BAAAAAAAAAAAA//8CAP////8DAPz/AwD+/wEAAAAAAP//AQD//wEAAAD//wEAAAD+/wQA+/8FAPz/AgAAAP//AgD9/wMA/v8BAAAAAAD//wEAAAD//wIA/v8BAAAAAAD//wIA/v8BAAAA//8BAAAA//8CAP7/AQD//wEA//8BAAAA//8BAP//AAABAP//AQAAAP7/AgD//wEA//8AAAAAAQD+/wMA/P8EAP7///8DAPz/BQD8/wEAAQD+/wMA/v8AAAEA//8BAP//AQD//wEA/v8CAP//AQD//wAAAAABAAAA//8BAP//AQAAAAAA//8BAP//AgD+/wAAAQD//wIA/f8CAP//AQAAAP7/AwD9/wMA/v8BAP//AAABAP//AgD9/wIA//8BAAAA//8BAAAA//8CAP3/AwD+/wEAAAD+/wQA/P8DAP7/AAACAP7/AQAAAP//AQAAAP//AQAAAP//AgD9/wIAAAD//wIA/f8DAP7/AQD//wEA//8CAP7/AQD//wAAAQD//wEA//8AAAAAAQD//wEAAAD9/wUA+/8FAPz/AgD//wAAAQD//wAAAQD+/wMA/f8BAAEA/v8CAP7/AgD+/wIA/v8BAAAAAAAAAAAAAAD//wIA/v8CAP////8CAP7/AgD+/wIA/v8CAP7/AQAAAP//AQAAAP//AQD//wAAAQD//wAAAQD+/wMA/f8CAAAA/v8DAP3/AgAAAP//AQAAAP7/AwD9/wMA/v8BAP//AQD//wEAAAD+/wMA/f8CAAAA/v8CAP//AAAAAAEA//8AAAEA/v8DAP3/AwD9/wIA//8BAP//AgD8/wQA/v8BAAAA/v8CAP//AQD//wAAAAAAAAEA/f8EAPz/BAD9/wIA//8AAAAAAAABAP//AAAAAAAAAAABAP3/BAD9/wIA/v8BAAEA//8AAAAA//8CAP7/AgD9/wQA+/8FAPv/BQD8/wMA/f8DAP3/AwD+/wAAAgD9/wMA/f8CAAAA/v8EAPv/BQD7/wUA/P8DAP///v8DAP3/BAD8/wMA/f8DAP7/AQD//wEAAAD//wEA/v8CAAAA/v8CAP7/AgD//wAAAAAAAAAAAQD+/wIA//8AAAEA/v8DAPz/BAD9/wIA//8AAP//AgD//wEA/v8BAAAAAQD//wAAAAAAAAEA//8AAAEA//8BAP//AAABAP//AQD+/wIA/v8DAPz/BAD8/wQA/f8BAAAAAQD+/wMA/P8DAP//AAAAAAAAAAD//wMA+/8FAP3/AQABAP3/BAD8/wMA/v8BAAAA//8CAP3/AwD+/wEAAQD9/wMA/f8EAPz/BAD7/wQA/v8BAAEA/f8DAP7/AQAAAP//AgD+/wEAAAD//wIA/v8CAP7/AgD+/wEAAQD//wEA/v8CAP7/BAD7/wQA/f8CAAAA//8AAAAAAAABAP//AQD+/wEAAQD+/wMA/f8BAAEA/v8DAPz/AwD/////AwD8/wQA/P8DAP7/AgD//wAA//8BAAAAAAAAAP//AgD+/wEAAAD//wIA/v8BAAAA//8CAP3/AgD//wAAAQD+/wIA/v8BAAAA//8CAP7/AgD+/wEA//8CAP3/BAD7/wQA/v8BAAAA//8AAAEAAAD//wIA/f8DAP7/AgD+/wIA/v8CAP7/AgD+/wEAAAAAAP//AgD9/wMA/v8BAP//AgD9/wMA/v8AAAEA//8BAP//AQD//wEA//8AAAEA/v8EAPz/AgD//wAAAQAAAP//AAABAP//AQD//wEAAAD//wEA//8BAAEA/f8DAP7/AQABAP3/AwD+/wIA/////wEAAAAAAAAAAAD//wIA/v8CAP////8CAP7/AgD//wAA//8CAP3/BAD9/wAAAgD9/wMA/v8BAP//AQAAAP//AQAAAP//AgD9/wMA/f8EAPz/AwD+/wEAAAAAAAAAAAD//wIA/f8EAP3/AAABAAAA//8CAP7/AQAAAP//AQAAAAAA//8BAP//AQAAAP//AQAAAP//AQAAAP//AgD9/wMA/v8BAP//AQAAAP//AQD//wIA/v8CAP3/BAD9/wEAAAD//wEAAQD9/wMA/f8CAAAA/v8DAP3/AgD//wAAAQD+/wIA/v8CAP7/AQAAAP//AgD+/wEAAAAAAP//AwD7/wUA/f8BAAEA/v8BAAEA/v8DAP3/AgD//wEA//8BAP//AQD//wEA//8CAP3/BAD7/wQA/////wIA/v8AAAIA/v8CAP3/BAD7/wUA/P8DAP3/AwD9/wMA/v8AAAIA/v8CAP7/AgD+/wIA//8AAAEA/v8CAP7/AgD//wAAAAD//wEAAAAAAAAA//8BAP7/BAD7/wUA/P8CAAAA//8BAP//AQAAAP//AgD9/wMA/v8BAAAA//8BAAAA//8CAP3/AwD+/wEA//8CAP3/AwD+/wAAAwD8/wIAAAD//wIA/////wIA/v8CAP7/AgD+/wEAAAAAAAAAAAAAAP//AgD+/wIA//8AAAAA//8CAP7/AgD+/wEA//8CAP3/AwD9/wMA/v8BAP7/AwD9/wMA/f8CAP//AQD+/wIA//8BAP//AQD+/wMA/v8BAAAA//8BAAAA//8CAP7/AQAAAP//AgD+/wIA/v8CAP//AAAAAAEA//8BAP//AAABAAAA//8BAP//AQD//wEA//8BAP//AQAAAP//AQD//wEAAAD//wIA/f8CAAAA//8BAAAA//8BAP//AAABAP//AQD//wAAAAAAAAEA/v8CAP//AQD//wAAAAABAP7/AwD9/wIAAAD+/wIA//8BAP//AgD9/wMA/f8DAP7/AgD+/wEAAAAAAAEA/v8CAP7/AgD//wAAAAAAAAAAAAAAAP//AgD/////AgD9/wQA/f8BAAAAAAAAAAEA/f8DAP////8DAP3/AQABAP7/AgD//wAAAQD+/wMA/f8CAP7/AQABAP7/AwD7/wYA+v8FAP3/AQABAP7/AgD+/wMA/f8CAP7/AwD+/wEA//8BAP//AQAAAP7/BQD5/wcA+v8FAPz/AwD+/wIA/v8BAAAA//8DAPv/BQD8/wMA/////wEAAAAAAAAAAAD//wIA/f8DAP7/AQAAAP//AQAAAP//AgD+/wIA/v8BAAEA/f8EAPz/AwD+/wEA//8CAP7/AQD//wEA//8CAP7/AQAAAP//AgD+/wEAAAAAAAAAAAAAAAAAAAD//wIA/f8EAPz/AwD+/wEA//8CAP7/AgD+/wEAAQD+/wEAAQD+/wIA/////wIA//8AAAAAAAAAAAAAAAD//wEAAAAAAP//AgD9/wMA/v8BAP//AQAAAP//AQD//wEA//8BAP//AQD//wEA//8BAP//AQAAAP7/AwD9/wMA/v8BAP7/AwD9/wMA/v8BAP//AAABAP//AQD//wAAAAABAP//AAAAAAAAAQD//wEA/v8CAAAA/v8EAPv/BAD9/wIAAAD+/wMA/P8DAP//AAAAAP//AQD//wIA/f8DAP3/AwD9/wMA/v8BAAAA//8BAAAA//8CAP3/AwD9/wQA+/8FAPv/BQD8/wMA/v8BAAAA//8BAP//AgD+/wEAAAD//wIA/v8BAAEA/f8DAP3/AgAAAP//AQD//wAAAQD//wEA//8BAP//AQD//wEA/v8DAP3/AgAAAP7/AwD9/wIAAAD//wEAAAD//wIA/f8DAP7/AgD9/wQA+/8FAPz/AgAAAP//AgD9/wIA//8BAP//AQD//wEA//8BAP//AQD//wIA/f8DAP3/AgD//wAAAQD+/wIA/v8BAAEA/v8CAP7/AgD+/wMA/P8DAP//AAABAP7/AQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEA/v8CAP3/BAD8/wMA/v8BAAAAAAD//wEAAAAAAAAAAAD//wEAAAAAAAAA//8BAP//AgD+/wEA//8CAP3/AwD9/wMA/f8EAPv/BAD+/wAAAQD//wEA//8BAP//AAABAP//AQD//wEAAAD//wEA//8BAP//AgD9/wMA/v8AAAIA/f8DAP7/AAACAP3/AwD+/wEA//8BAP//AQAAAP//AQAAAP7/AwD9/wMA/v8AAAEA//8BAP//AAAAAAEA//8AAAEA/v8CAP//AAAAAAEA/v8DAPz/BAD9/wEAAQD+/wEAAQD9/wQA/P8DAP7/AQAAAAAAAAAAAAAAAAAAAAAAAQD+/wIA/////wIA/v8BAAAA//8BAP//AQD//wEA//8BAAAA/v8EAPz/AwD///7/BAD8/wMA/////wIA/v8CAP////8CAP7/AgD+/wIA/v8CAP////8CAP7/AwD9/wIA/v8CAP//AAABAP7/AwD9/wEAAQD+/wMA/f8CAP//AAAAAAEA/v8DAPz/BAD9/wIA/v8CAP7/AgD//wAAAAD//wIA/v8CAP7/AQAAAAAA//8CAP7/AgD+/wIA/v8CAP7/AwD8/wUA+v8GAPv/AwD//wAAAAAAAAAA//8DAPv/BQD9/wAAAgD9/wMA/v8BAP//AQAAAP//AgD9/wMA/v8BAAAA//8BAAAAAAAAAP//AQAAAAAAAAD//wEA//8CAP3/AwD+/wAAAgD+/wEAAAD//wIA/v8CAP7/AgD/////AwD8/wUA/P8CAP//AQD//wIA/f8DAP3/AwD+/wAAAQD+/wMA/f8DAP3/AgD//wAAAQD//wEA//8BAP7/AwD+/wEA//8AAAEA//8CAPz/BAD9/wIA//8AAAEA/v8DAPz/BAD9/wIA//8AAAEA/v8CAP7/AgD//wEA/f8EAPz/BAD+////AgD//wAAAQD//wAAAQD//wEA//8BAP7/AwD+/wEA';
|
||
}
|
||
else {
|
||
addTest('audiopreload', false);
|
||
return;
|
||
}
|
||
}
|
||
|
||
catch (e) {
|
||
addTest('audiopreload', false);
|
||
return;
|
||
}
|
||
|
||
elem.setAttribute('preload', 'auto');
|
||
elem.style.cssText = 'display:none';
|
||
docElement.appendChild(elem);
|
||
// wait for the next tick to add the listener, otherwise the element may
|
||
// not have time to play in high load situations (e.g. the test suite)
|
||
setTimeout(function() {
|
||
elem.addEventListener('loadeddata', testpreload, false);
|
||
timeout = setTimeout(testpreload, waitTime);
|
||
}, 0);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Web Audio API",
|
||
"property": "webaudio",
|
||
"caniuse": "audio-api",
|
||
"polyfills": ["xaudiojs", "dynamicaudiojs", "audiolibjs"],
|
||
"tags": ["audio", "media"],
|
||
"builderAliases": ["audio_webaudio_api"],
|
||
"authors": ["Addy Osmani"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the older non standard webaudio API, (as opposed to the standards based AudioContext API)
|
||
*/
|
||
|
||
Modernizr.addTest('webaudio', function() {
|
||
var prefixed = 'webkitAudioContext' in window;
|
||
var unprefixed = 'AudioContext' in window;
|
||
|
||
if (Modernizr._config.usePrefixes) {
|
||
return prefixed || unprefixed;
|
||
}
|
||
return unprefixed;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Battery API",
|
||
"property": "batteryapi",
|
||
"aliases": ["battery-api"],
|
||
"builderAliases": ["battery_api"],
|
||
"tags": ["device", "media"],
|
||
"authors": ["Paul Sayre", "Alex Bradley (@abrad1212)"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/DOM/window.navigator.mozBattery"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the Battery API, for accessing information about the system's battery charge level.
|
||
*/
|
||
|
||
Modernizr.addTest('batteryapi', !!prefixed('battery', navigator) || !!prefixed('getBattery', navigator), {aliases: ['battery-api']});
|
||
|
||
/*!
|
||
{
|
||
"name": "Low Battery Level",
|
||
"property": "lowbattery",
|
||
"tags": ["hardware", "mobile"],
|
||
"builderAliases": ["battery_level"],
|
||
"authors": ["Paul Sayre"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Navigator/battery"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Enable a developer to remove CPU intensive CSS/JS when battery is low
|
||
*/
|
||
|
||
Modernizr.addTest('lowbattery', function() {
|
||
var minLevel = 0.20;
|
||
var battery = prefixed('battery', navigator);
|
||
return !!(battery && !battery.charging && battery.level <= minLevel);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Blob constructor",
|
||
"property": "blobconstructor",
|
||
"aliases": ["blob-constructor"],
|
||
"builderAliases": ["blob_constructor"],
|
||
"caniuse": "blobbuilder",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/FileAPI/#constructorBlob"
|
||
}],
|
||
"polyfills": ["blobjs"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Blob constructor, for creating file-like objects of immutable, raw data.
|
||
*/
|
||
|
||
Modernizr.addTest('blobconstructor', function() {
|
||
try {
|
||
return !!new Blob();
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}, {
|
||
aliases: ['blob-constructor']
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Canvas",
|
||
"property": "canvas",
|
||
"caniuse": "canvas",
|
||
"tags": ["canvas", "graphics"],
|
||
"polyfills": ["flashcanvas", "excanvas", "slcanvas", "fxcanvas"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `<canvas>` element for 2D drawing.
|
||
*/
|
||
|
||
// On the S60 and BB Storm, getContext exists, but always returns undefined
|
||
// so we actually have to call getContext() to verify
|
||
// github.com/Modernizr/Modernizr/issues/issue/97/
|
||
Modernizr.addTest('canvas', function() {
|
||
var elem = createElement('canvas');
|
||
return !!(elem.getContext && elem.getContext('2d'));
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "canvas blending support",
|
||
"property": "canvasblending",
|
||
"caniuse": "canvas-blending",
|
||
"tags": ["canvas"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.fxtf.org/compositing-1/"
|
||
}, {
|
||
"name": "Article",
|
||
"href": "https://web.archive.org/web/20171003232921/http://blogs.adobe.com/webplatform/2013/01/28/blending-features-in-canvas/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects if Photoshop style blending modes are available in canvas.
|
||
*/
|
||
|
||
Modernizr.addTest('canvasblending', function() {
|
||
if (Modernizr.canvas === false) {
|
||
return false;
|
||
}
|
||
var ctx = createElement('canvas').getContext('2d');
|
||
// firefox 3 throws an error when setting an invalid `globalCompositeOperation`
|
||
try {
|
||
ctx.globalCompositeOperation = 'screen';
|
||
} catch (e) {}
|
||
|
||
return ctx.globalCompositeOperation === 'screen';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "canvas.toDataURL type support",
|
||
"property": ["todataurljpeg", "todataurlpng", "todataurlwebp"],
|
||
"tags": ["canvas"],
|
||
"builderAliases": ["canvas_todataurl_type"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement.toDataURL"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
|
||
var canvas = createElement('canvas');
|
||
|
||
Modernizr.addTest('todataurljpeg', function() {
|
||
var supports = false;
|
||
|
||
// AVG secure browser with 'Anti-Fingerprinting' turned on throws an exception when using an "invalid" toDataUrl
|
||
try {
|
||
supports = !!Modernizr.canvas && canvas.toDataURL('image/jpeg').indexOf('data:image/jpeg') === 0;
|
||
} catch (e) {}
|
||
|
||
return supports;
|
||
});
|
||
Modernizr.addTest('todataurlpng', function() {
|
||
var supports = false;
|
||
|
||
// AVG secure browser with 'Anti-Fingerprinting' turned on throws an exception when using an "invalid" toDataUrl
|
||
try {
|
||
supports = !!Modernizr.canvas && canvas.toDataURL('image/png').indexOf('data:image/png') === 0;
|
||
} catch (e) {}
|
||
|
||
return supports;
|
||
});
|
||
Modernizr.addTest('todataurlwebp', function() {
|
||
var supports = false;
|
||
|
||
// firefox 3 throws an error when you use an "invalid" toDataUrl
|
||
try {
|
||
supports = !!Modernizr.canvas && canvas.toDataURL('image/webp').indexOf('data:image/webp') === 0;
|
||
} catch (e) {}
|
||
|
||
return supports;
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "canvas winding support",
|
||
"property": "canvaswinding",
|
||
"tags": ["canvas"],
|
||
"notes": [{
|
||
"name": "Article",
|
||
"href": "https://web.archive.org/web/20170825024655/http://blogs.adobe.com/webplatform/2013/01/30/winding-rules-in-canvas/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Determines if winding rules, which controls if a path can go clockwise or counterclockwise
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('canvaswinding', function() {
|
||
if (Modernizr.canvas === false) {
|
||
return false;
|
||
}
|
||
var ctx = createElement('canvas').getContext('2d');
|
||
|
||
ctx.rect(0, 0, 10, 10);
|
||
ctx.rect(2, 2, 6, 6);
|
||
return ctx.isPointInPath(5, 5, 'evenodd') === false;
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "Canvas text",
|
||
"property": "canvastext",
|
||
"caniuse": "canvas-text",
|
||
"tags": ["canvas", "graphics"],
|
||
"polyfills": ["canvastext"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the text APIs for `<canvas>` elements.
|
||
*/
|
||
|
||
Modernizr.addTest('canvastext', function() {
|
||
if (Modernizr.canvas === false) {
|
||
return false;
|
||
}
|
||
return typeof createElement('canvas').getContext('2d').fillText === 'function';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Clipboard API",
|
||
"property": "clipboard",
|
||
"tags": ["clipboard"],
|
||
"authors": ["Markel Ferro (@MarkelFe)"],
|
||
"async": true,
|
||
"warnings": ["It may return false in non-HTTPS connections as the API is only available in secure contexts"],
|
||
"notes": [{
|
||
"name": "MDN Docs Clipboard Object",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Clipboard"
|
||
}, {
|
||
"name": "MDN Docs Clipboard API",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
It tests for the whole clipboard API. The sub-properties `read`, `readText`, `write` and `writeText` are supported. Note: This test does not detect the [clipboardEvent](https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent/ClipboardEvent).
|
||
|
||
```javascript
|
||
Modernizr.clipboard // Supports the clipboard API
|
||
Modernizr.clipboard.read // Supports the read sub-property
|
||
```
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var result;
|
||
var props = ['read', 'readText', 'write', 'writeText'];
|
||
if (navigator.clipboard) {
|
||
addTest('clipboard', true);
|
||
// The sub-modules checked only if API is available to avoid Edge crashes
|
||
for (var i = 0; i < props.length; i++) {
|
||
if (navigator.clipboard[props[i]]) {
|
||
result = true;
|
||
} else {
|
||
result = false;
|
||
}
|
||
addTest('clipboard.' + props[i].toLowerCase(), result);
|
||
}
|
||
}
|
||
else {
|
||
addTest('clipboard', false);
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Content Editable",
|
||
"property": "contenteditable",
|
||
"caniuse": "contenteditable",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/interaction.html#contenteditable"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `contenteditable` attribute of elements, allowing their DOM text contents to be edited directly by the user.
|
||
*/
|
||
|
||
Modernizr.addTest('contenteditable', function() {
|
||
// early bail out
|
||
if (!('contentEditable' in docElement)) {
|
||
return;
|
||
}
|
||
|
||
// some mobile browsers (android < 3.0, iOS < 5) claim to support
|
||
// contentEditable, but but don't really. This test checks to see
|
||
// confirms whether or not it actually supports it.
|
||
|
||
var div = createElement('div');
|
||
div.contentEditable = true;
|
||
return div.contentEditable === 'true';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Context menus",
|
||
"property": "contextmenu",
|
||
"caniuse": "menu",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/html5/interactive-elements.html#context-menus"
|
||
}, {
|
||
"name": "thewebrocks.com Demo",
|
||
"href": "http://thewebrocks.com/demos/context-menu/"
|
||
}],
|
||
"polyfills": ["jquery-contextmenu"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for custom context menus.
|
||
*/
|
||
|
||
Modernizr.addTest(
|
||
'contextmenu',
|
||
('contextMenu' in docElement && 'HTMLMenuItemElement' in window)
|
||
);
|
||
|
||
/*!
|
||
{
|
||
"name": "Cookies",
|
||
"property": "cookies",
|
||
"tags": ["storage"],
|
||
"authors": ["tauren"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether cookie support is enabled.
|
||
*/
|
||
|
||
// https://github.com/Modernizr/Modernizr/issues/191
|
||
|
||
Modernizr.addTest('cookies', function() {
|
||
// navigator.cookieEnabled cannot detect custom or nuanced cookie blocking
|
||
// configurations. For example, when blocking cookies via the Advanced
|
||
// Privacy Settings in IE9, it always returns true. And there have been
|
||
// issues in the past with site-specific exceptions.
|
||
// Don't rely on it.
|
||
|
||
// try..catch because some in situations `document.cookie` is exposed but throws a
|
||
// SecurityError if you try to access it; e.g. documents created from data URIs
|
||
// or in sandboxed iframes (depending on flags/context)
|
||
try {
|
||
// Create cookie
|
||
document.cookie = 'cookietest=1';
|
||
var ret = document.cookie.indexOf('cookietest=') !== -1;
|
||
// Delete cookie
|
||
document.cookie = 'cookietest=1; expires=Thu, 01-Jan-1970 00:00:01 GMT';
|
||
return ret;
|
||
}
|
||
catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Cross-Origin Resource Sharing",
|
||
"property": "cors",
|
||
"caniuse": "cors",
|
||
"authors": ["Theodoor van Donge"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS"
|
||
}],
|
||
"polyfills": ["pmxdr", "ppx", "flxhr"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for Cross-Origin Resource Sharing: method of performing XMLHttpRequests across domains.
|
||
*/
|
||
|
||
Modernizr.addTest('cors', 'XMLHttpRequest' in window && 'withCredentials' in new XMLHttpRequest());
|
||
|
||
/*!
|
||
{
|
||
"name": "Web Cryptography",
|
||
"property": "cryptography",
|
||
"caniuse": "cryptography",
|
||
"tags": ["crypto"],
|
||
"authors": ["roblarsen"],
|
||
"notes": [{
|
||
"name": "W3C Editor's Draft Spec",
|
||
"href": "https://www.w3.org/TR/WebCryptoAPI/"
|
||
}],
|
||
"polyfills": ["polycrypt"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the cryptographic functionality available under window.crypto.subtle
|
||
*/
|
||
|
||
var crypto = prefixed('crypto', window);
|
||
Modernizr.addTest('crypto', !!prefixed('subtle', crypto));
|
||
|
||
/*!
|
||
{
|
||
"name": "getRandomValues",
|
||
"property": "getrandomvalues",
|
||
"caniuse": "getrandomvalues",
|
||
"tags": ["crypto"],
|
||
"authors": ["komachi"],
|
||
"notes": [{
|
||
"name": "W3C Editor’s Draft Spec",
|
||
"href": "https://w3c.github.io/webcrypto/#Crypto-interface-methods"
|
||
}],
|
||
"polyfills": ["polycrypt"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the window.crypto.getRandomValues method for generating cryptographically secure random numbers
|
||
*/
|
||
|
||
// In Safari <=5.0 `window.crypto` exists (for some reason) but is `undefined`, so we have to check
|
||
// it’s truthy before checking for existence of `getRandomValues`
|
||
var crypto = prefixed('crypto', window);
|
||
var supportsGetRandomValues;
|
||
|
||
// Safari 6.0 supports crypto.getRandomValues, but does not return the array,
|
||
// which is required by the spec, so we need to actually check.
|
||
if (crypto && 'getRandomValues' in crypto && 'Uint32Array' in window) {
|
||
var array = new Uint32Array(10);
|
||
var values = crypto.getRandomValues(array);
|
||
supportsGetRandomValues = values && is(values[0], 'number');
|
||
}
|
||
|
||
Modernizr.addTest('getrandomvalues', !!supportsGetRandomValues);
|
||
|
||
/*!
|
||
{
|
||
"name": "cssall",
|
||
"property": "cssall",
|
||
"notes": [{
|
||
"name": "Spec",
|
||
"href": "https://drafts.csswg.org/css-cascade/#all-shorthand"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `all` css property, which is a shorthand to reset all css properties (except direction and unicode-bidi) to their original value
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('cssall', 'all' in docElement.style);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Animations",
|
||
"property": "cssanimations",
|
||
"caniuse": "css-animation",
|
||
"polyfills": ["transformie", "csssandpaper"],
|
||
"tags": ["css"],
|
||
"warnings": ["Android < 4 will pass this test, but can only animate a single property at a time"],
|
||
"notes": [{
|
||
"name": "Article: 'Dispelling the Android CSS animation myths'",
|
||
"href": "https://web.archive.org/web/20180602074607/https://daneden.me/2011/12/14/putting-up-with-androids-bullshit/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether or not elements can be animated using CSS
|
||
*/
|
||
|
||
Modernizr.addTest('cssanimations', testAllProps('animationName', 'a', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Appearance",
|
||
"property": "appearance",
|
||
"caniuse": "css-appearance",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance"
|
||
}, {
|
||
"name": "CSS-Tricks CSS Almanac: appearance",
|
||
"href": "https://css-tricks.com/almanac/properties/a/appearance/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `appearance` css property, which is used to make an
|
||
element inherit the style of a standard user interface element. It can also be
|
||
used to remove the default styles of an element, such as input and buttons.
|
||
*/
|
||
|
||
Modernizr.addTest('appearance', testAllProps('appearance'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Backdrop Filter",
|
||
"property": "backdropfilter",
|
||
"authors": ["Brian Seward"],
|
||
"tags": ["css"],
|
||
"caniuse": "css-backdrop-filter",
|
||
"notes": [{
|
||
"name": "W3C Editor’s Draft Spec",
|
||
"href": "https://drafts.fxtf.org/filters-2/#BackdropFilterProperty"
|
||
}, {
|
||
"name": "WebKit Blog introduction + Demo",
|
||
"href": "https://www.webkit.org/blog/3632/introducing-backdrop-filters/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for CSS Backdrop Filters, allowing for background blur effects like those introduced in iOS 7. Support for this was added to iOS Safari/WebKit in iOS 9.
|
||
*/
|
||
|
||
Modernizr.addTest('backdropfilter', testAllProps('backdropFilter'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Background Blend Mode",
|
||
"property": "backgroundblendmode",
|
||
"caniuse": "css-backgroundblendmode",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "CSS Blend Modes could be the next big thing in Web Design",
|
||
"href": "https://medium.com/@bennettfeely/css-blend-modes-could-be-the-next-big-thing-in-web-design-6b51bf53743a"
|
||
}, {
|
||
"name": "Demo",
|
||
"href": "https://bennettfeely.com/gradients/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the ability for the browser to composite backgrounds using blending modes similar to ones found in Photoshop or Illustrator.
|
||
*/
|
||
|
||
Modernizr.addTest('backgroundblendmode', prefixed('backgroundBlendMode', 'text'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Background Clip Text",
|
||
"property": "backgroundcliptext",
|
||
"authors": ["ausi"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "CSS Tricks Article",
|
||
"href": "https://css-tricks.com/image-under-text/"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/199"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the ability to control specifies whether or not an element's background
|
||
extends beyond its border in CSS
|
||
*/
|
||
|
||
Modernizr.addTest('backgroundcliptext', function() {
|
||
return testAllProps('backgroundClip', 'text');
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Background Position Shorthand",
|
||
"property": "bgpositionshorthand",
|
||
"caniuse": "css-background-offsets",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_backgroundposition_shorthand"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/CSS/background-position"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-background/#background-position"
|
||
}, {
|
||
"name": "Demo",
|
||
"href": "https://jsfiddle.net/Blink/bBXvt/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects if you can use the shorthand method to define multiple parts of an
|
||
element's background-position simultaneously.
|
||
|
||
eg `background-position: right 10px bottom 10px`
|
||
*/
|
||
|
||
Modernizr.addTest('bgpositionshorthand', function() {
|
||
var elem = createElement('a');
|
||
var eStyle = elem.style;
|
||
var val = 'right 10px bottom 10px';
|
||
eStyle.cssText = 'background-position: ' + val + ';';
|
||
return (eStyle.backgroundPosition === val);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Background Position XY",
|
||
"property": "bgpositionxy",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_backgroundposition_xy"],
|
||
"authors": ["Allan Lei", "Brandom Aaron"],
|
||
"notes": [{
|
||
"name": "Demo",
|
||
"href": "https://jsfiddle.net/allanlei/R8AYS/"
|
||
}, {
|
||
"name": "Adapted From",
|
||
"href": "https://github.com/brandonaaron/jquery-cssHooks/blob/master/bgpos.js"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the ability to control an element's background position using css
|
||
*/
|
||
|
||
Modernizr.addTest('bgpositionxy', function() {
|
||
return testAllProps('backgroundPositionX', '3px', true) && testAllProps('backgroundPositionY', '5px', true);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Background Repeat",
|
||
"property": ["bgrepeatspace", "bgrepeatround"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_backgroundrepeat"],
|
||
"authors": ["Ryan Seddon"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat"
|
||
}, {
|
||
"name": "Test Page",
|
||
"href": "https://jsbin.com/uzesun/"
|
||
}, {
|
||
"name": "Demo",
|
||
"href": "https://jsfiddle.net/ryanseddon/yMLTQ/6/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the ability to use round and space as properties for background-repeat
|
||
*/
|
||
|
||
// Must value-test these
|
||
Modernizr.addTest('bgrepeatround', testAllProps('backgroundRepeat', 'round'));
|
||
Modernizr.addTest('bgrepeatspace', testAllProps('backgroundRepeat', 'space'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Background Size",
|
||
"property": "backgroundsize",
|
||
"tags": ["css"],
|
||
"knownBugs": ["This will false positive in Opera Mini - https://github.com/Modernizr/Modernizr/issues/396"],
|
||
"notes": [{
|
||
"name": "Related Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/396"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('backgroundsize', testAllProps('backgroundSize', '100%', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Background Size Cover",
|
||
"property": "bgsizecover",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_backgroundsizecover"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/CSS/background-size"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// Must test value, as this specifically tests the `cover` value
|
||
Modernizr.addTest('bgsizecover', testAllProps('backgroundSize', 'cover'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Border Image",
|
||
"property": "borderimage",
|
||
"caniuse": "border-image",
|
||
"polyfills": ["css3pie"],
|
||
"knownBugs": ["Android < 2.0 is true, but has a broken implementation"],
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('borderimage', testAllProps('borderImage', 'url() 1', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Border Radius",
|
||
"property": "borderradius",
|
||
"caniuse": "border-radius",
|
||
"polyfills": ["css3pie"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "Comprehensive Compat Chart",
|
||
"href": "https://muddledramblings.com/table-of-css3-border-radius-compliance"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('borderradius', testAllProps('borderRadius', '0px', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Box Decoration Break",
|
||
"property": "boxdecorationbreak",
|
||
"caniuse": "css-boxdecorationbreak",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/box-decoration-break"
|
||
}, {
|
||
"name": "Demo",
|
||
"href": "https://jsbin.com/xojoro/edit?css,output"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Specifies how an element's fragments should be rendered when broken across multiple lines, columns, or pages.
|
||
*/
|
||
|
||
Modernizr.addTest('boxdecorationbreak', testAllProps('boxDecorationBreak', 'slice'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Box Shadow",
|
||
"property": "boxshadow",
|
||
"caniuse": "css-boxshadow",
|
||
"tags": ["css"],
|
||
"knownBugs": [
|
||
"WebOS false positives on this test.",
|
||
"The Kindle Silk browser false positives"
|
||
]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('boxshadow', testAllProps('boxShadow', '1px 1px', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Box Sizing",
|
||
"property": "boxsizing",
|
||
"caniuse": "css3-boxsizing",
|
||
"polyfills": ["borderboxmodel", "boxsizingpolyfill", "borderbox"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_boxsizing"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/248"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('boxsizing', testAllProps('boxSizing', 'border-box', true) && (document.documentMode === undefined || document.documentMode > 7));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Calc",
|
||
"property": "csscalc",
|
||
"caniuse": "calc",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_calc"],
|
||
"authors": ["@calvein"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Method of allowing calculated values for length units. For example:
|
||
|
||
```css
|
||
//lem {
|
||
width: calc(100% - 3em);
|
||
}
|
||
```
|
||
*/
|
||
|
||
Modernizr.addTest('csscalc', function() {
|
||
var prop = 'width:';
|
||
var value = 'calc(10px);';
|
||
var el = createElement('a');
|
||
|
||
el.style.cssText = prop + prefixes.join(value + prop);
|
||
|
||
return !!el.style.length;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :checked pseudo-selector",
|
||
"caniuse": "css-sel3",
|
||
"property": "checked",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/pull/879"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('checked', function() {
|
||
return testStyles('#modernizr {position:absolute} #modernizr input {margin-left:10px} #modernizr :checked {margin-left:20px;display:block}', function(elem) {
|
||
var cb = createElement('input');
|
||
cb.setAttribute('type', 'checkbox');
|
||
cb.setAttribute('checked', 'checked');
|
||
elem.appendChild(cb);
|
||
return cb.offsetLeft === 20;
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Font ch Units",
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"property": "csschunit",
|
||
"caniuse": "ch-unit",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-values/#font-relative-lengths"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csschunit', function() {
|
||
var elemStyle = modElem.elem.style;
|
||
var supports;
|
||
try {
|
||
elemStyle.fontSize = '3ch';
|
||
supports = elemStyle.fontSize.indexOf('ch') !== -1;
|
||
} catch (e) {
|
||
supports = false;
|
||
}
|
||
return supports;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Columns",
|
||
"property": "csscolumns",
|
||
"caniuse": "multicolumn",
|
||
"polyfills": ["css3multicolumnjs"],
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
|
||
(function() {
|
||
|
||
Modernizr.addTest('csscolumns', function() {
|
||
var bool = false;
|
||
var test = testAllProps('columnCount');
|
||
try {
|
||
bool = !!test;
|
||
if (bool) {
|
||
bool = new Boolean(bool);
|
||
}
|
||
} catch (e) {}
|
||
|
||
return bool;
|
||
});
|
||
|
||
var props = ['Width', 'Span', 'Fill', 'Gap', 'Rule', 'RuleColor', 'RuleStyle', 'RuleWidth', 'BreakBefore', 'BreakAfter', 'BreakInside'];
|
||
var name, test;
|
||
|
||
for (var i = 0; i < props.length; i++) {
|
||
name = props[i].toLowerCase();
|
||
test = testAllProps('column' + props[i]);
|
||
|
||
// break-before, break-after & break-inside are not "column"-prefixed in spec
|
||
if (name === 'breakbefore' || name === 'breakafter' || name === 'breakinside') {
|
||
test = test || testAllProps(props[i]);
|
||
}
|
||
|
||
Modernizr.addTest('csscolumns.' + name, test);
|
||
}
|
||
})();
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Grid (old & new)",
|
||
"property": ["cssgrid", "cssgridlegacy"],
|
||
"authors": ["Faruk Ates"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "The new, standardized CSS Grid",
|
||
"href": "https://www.w3.org/TR/css3-grid-layout/"
|
||
}, {
|
||
"name": "The _old_ CSS Grid (legacy)",
|
||
"href": "https://www.w3.org/TR/2011/WD-css3-grid-layout-20110407/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// `grid-columns` is only in the old syntax, `grid-column` exists in both and so `grid-template-rows` is used for the new syntax.
|
||
Modernizr.addTest('cssgridlegacy', testAllProps('grid-columns', '10px', true));
|
||
Modernizr.addTest('cssgrid', testAllProps('grid-template-rows', 'none', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Cubic Bezier Range",
|
||
"property": "cubicbezierrange",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_cubicbezierrange"],
|
||
"authors": ["@calvein"],
|
||
"warnings": ["cubic-bezier values can't be > 1 for Webkit until [bug #45761](https://bugs.webkit.org/show_bug.cgi?id=45761) is fixed"],
|
||
"notes": [{
|
||
"name": "Comprehensive Compat Chart",
|
||
"href": "https://muddledramblings.com/table-of-css3-border-radius-compliance/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('cubicbezierrange', function() {
|
||
var el = createElement('a');
|
||
el.style.cssText = prefixes.join('transition-timing-function:cubic-bezier(1,0,0,1.1); ');
|
||
return !!el.style.length;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Custom Properties",
|
||
"property": "customproperties",
|
||
"caniuse": "css-variables",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_customproperties"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/--*"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.csswg.org/css-variables/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
var supportsFn = (window.CSS && window.CSS.supports.bind(window.CSS)) || (window.supportsCSS);
|
||
Modernizr.addTest('customproperties', !!supportsFn && (supportsFn('--f:0') || supportsFn('--f', 0)));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Display run-in",
|
||
"property": "display-runin",
|
||
"authors": ["alanhogan"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_displayrunin"],
|
||
"notes": [{
|
||
"name": "CSS Tricks Article",
|
||
"href": "https://web.archive.org/web/20111204150927/http://css-tricks.com:80/596-run-in/"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/198"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('displayrunin', testAllProps('display', 'run-in'),
|
||
{aliases: ['display-runin']});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Display table",
|
||
"property": "displaytable",
|
||
"caniuse": "css-table",
|
||
"authors": ["scottjehl"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_displaytable"],
|
||
"notes": [{
|
||
"name": "Detects for all additional table display values",
|
||
"href": "https://pastebin.com/Gk9PeVaQ"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
`display: table` and `table-cell` test. (both are tested under one name `table-cell` )
|
||
*/
|
||
|
||
// If a document is in rtl mode this test will fail so we force ltr mode on the injected
|
||
// element https://github.com/Modernizr/Modernizr/issues/716
|
||
testStyles('#modernizr{display: table; direction: ltr}#modernizr div{display: table-cell; padding: 10px}', function(elem) {
|
||
var ret;
|
||
var child = elem.childNodes;
|
||
ret = child[0].offsetLeft < child[1].offsetLeft;
|
||
Modernizr.addTest('displaytable', ret, {aliases: ['display-table']});
|
||
}, 2);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS text-overflow ellipsis",
|
||
"property": "ellipsis",
|
||
"caniuse": "text-overflow",
|
||
"polyfills": ["text-overflow"],
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('ellipsis', testAllProps('textOverflow', 'ellipsis'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS.escape()",
|
||
"property": "cssescape",
|
||
"polyfills": ["css-escape"],
|
||
"tags": ["css", "cssom"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for `CSS.escape()` support.
|
||
*/
|
||
|
||
var CSS = window.CSS;
|
||
Modernizr.addTest('cssescape', CSS ? typeof CSS.escape === 'function' : false);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Font ex Units",
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"property": "cssexunit",
|
||
"caniuse": "mdn-css_types_length_ex",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-values/#font-relative-lengths"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('cssexunit', function() {
|
||
var elemStyle = modElem.elem.style;
|
||
var supports;
|
||
try {
|
||
elemStyle.fontSize = '3ex';
|
||
supports = elemStyle.fontSize.indexOf('ex') !== -1;
|
||
} catch (e) {
|
||
supports = false;
|
||
}
|
||
return supports;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Supports",
|
||
"property": "supports",
|
||
"caniuse": "css-featurequeries",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_supports"],
|
||
"notes": [{
|
||
"name": "W3C Spec (The @supports rule)",
|
||
"href": "https://dev.w3.org/csswg/css3-conditional/#at-supports"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/648"
|
||
}, {
|
||
"name": "W3C Spec (The CSSSupportsRule interface)",
|
||
"href": "https://dev.w3.org/csswg/css3-conditional/#the-csssupportsrule-interface"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
var newSyntax = 'CSS' in window && 'supports' in window.CSS;
|
||
var oldSyntax = 'supportsCSS' in window;
|
||
Modernizr.addTest('supports', newSyntax || oldSyntax);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Filters",
|
||
"property": "cssfilters",
|
||
"caniuse": "css-filters",
|
||
"polyfills": ["polyfilter"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_filters"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/filter"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('cssfilters', function() {
|
||
if (Modernizr.supports) {
|
||
return testAllProps('filter', 'blur(2px)');
|
||
} else {
|
||
var el = createElement('a');
|
||
el.style.cssText = prefixes.join('filter:blur(2px); ');
|
||
// https://github.com/Modernizr/Modernizr/issues/615
|
||
// documentMode is needed for false positives in oldIE, please see issue above
|
||
return !!el.style.length && ((document.documentMode === undefined || document.documentMode > 9));
|
||
}
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "Flexbox",
|
||
"property": "flexbox",
|
||
"caniuse": "flexbox",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "The _new_ flexbox",
|
||
"href": "https://www.w3.org/TR/css-flexbox-1/"
|
||
}],
|
||
"warnings": [
|
||
"A `true` result for this detect does not imply that the `flex-wrap` property is supported; see the `flexwrap` detect."
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Flexible Box Layout model, a.k.a. Flexbox, which allows easy manipulation of layout order and sizing within a container.
|
||
*/
|
||
|
||
Modernizr.addTest('flexbox', testAllProps('flexBasis', '1px', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Flexbox (legacy)",
|
||
"property": "flexboxlegacy",
|
||
"tags": ["css"],
|
||
"polyfills": ["flexie"],
|
||
"notes": [{
|
||
"name": "The _old_ flexbox",
|
||
"href": "https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('flexboxlegacy', testAllProps('boxDirection', 'reverse', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Flexbox (tweener)",
|
||
"property": "flexboxtweener",
|
||
"tags": ["css"],
|
||
"polyfills": ["flexie"],
|
||
"notes": [{
|
||
"name": "The _inbetween_ flexbox",
|
||
"href": "https://www.w3.org/TR/2011/WD-css3-flexbox-20111129/"
|
||
}],
|
||
"warnings": ["This represents an old syntax, not the latest standard syntax."]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('flexboxtweener', testAllProps('flexAlign', 'end', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Flex Line Wrapping",
|
||
"property": "flexwrap",
|
||
"tags": ["css", "flexbox"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css-flexbox-1/"
|
||
}],
|
||
"warnings": [
|
||
"Does not imply a modern implementation – see documentation."
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `flex-wrap` CSS property, part of Flexbox, which isn’t present in all Flexbox implementations (notably Firefox).
|
||
|
||
This featured in both the 'tweener' syntax (implemented by IE10) and the 'modern' syntax (implemented by others). This detect will return `true` for either of these implementations, as long as the `flex-wrap` property is supported. So to ensure the modern syntax is supported, use together with `Modernizr.flexbox`:
|
||
|
||
```javascript
|
||
if (Modernizr.flexbox && Modernizr.flexwrap) {
|
||
// Modern Flexbox with `flex-wrap` supported
|
||
}
|
||
else {
|
||
// Either old Flexbox syntax, or `flex-wrap` not supported
|
||
}
|
||
```
|
||
*/
|
||
|
||
Modernizr.addTest('flexwrap', testAllProps('flexWrap', 'wrap', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "Flex Gap",
|
||
"property": "flexgap",
|
||
"caniuse": "flexbox-gap",
|
||
"tags": ["css", "flexbox"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css-align-3/#gaps"
|
||
}],
|
||
"authors": ["Chris Smith (@chris13524)"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('flexgap', function() {
|
||
// create flex container with row-gap set
|
||
var flex = createElement('div');
|
||
flex.style.display = 'flex';
|
||
flex.style.flexDirection = 'column';
|
||
flex.style.rowGap = '1px';
|
||
|
||
// create two, elements inside it
|
||
flex.appendChild(createElement('div'));
|
||
flex.appendChild(createElement('div'));
|
||
|
||
// append to the DOM (needed to obtain scrollHeight)
|
||
docElement.appendChild(flex);
|
||
var isSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
|
||
flex.parentNode.removeChild(flex);
|
||
|
||
return isSupported;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :focus-visible pseudo-selector",
|
||
"caniuse": "css-focus-visible",
|
||
"property": "focusvisible",
|
||
"authors": ["@esaborit4code"],
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('focusvisible', function() {
|
||
try {
|
||
document.querySelector(':focus-visible');
|
||
} catch (error) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :focus-within pseudo-selector",
|
||
"caniuse": "css-focus-within",
|
||
"property": "focuswithin",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('focuswithin', function() {
|
||
try {
|
||
document.querySelector(':focus-within');
|
||
} catch (error) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Font Display",
|
||
"property": "fontdisplay",
|
||
"authors": ["Patrick Kettner"],
|
||
"caniuse": "css-font-rendering-controls",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.csswg.org/css-fonts-4/#font-display-desc"
|
||
}, {
|
||
"name": "`font-display` for the masses",
|
||
"href": "https://css-tricks.com/font-display-masses/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `font-display` descriptor, which defines how font files are loaded and displayed by the browser.
|
||
*/
|
||
|
||
Modernizr.addTest('fontDisplay', testProp('font-display'));
|
||
|
||
/*!
|
||
{
|
||
"name": "@font-face",
|
||
"property": "fontface",
|
||
"authors": ["Diego Perini", "Mat Marquis"],
|
||
"tags": ["css"],
|
||
"knownBugs": [
|
||
"False Positive: WebOS https://github.com/Modernizr/Modernizr/issues/342",
|
||
"False Positive: WP7 https://github.com/Modernizr/Modernizr/issues/538"
|
||
],
|
||
"notes": [{
|
||
"name": "@font-face detection routine by Diego Perini",
|
||
"href": "http://javascript.nwbox.com/CSSSupport/"
|
||
}, {
|
||
"name": "Filament Group @font-face compatibility research",
|
||
"href": "https://docs.google.com/presentation/d/1n4NyG4uPRjAA8zn_pSQ_Ket0RhcWC6QlZ6LMjKeECo0/edit#slide=id.p"
|
||
}, {
|
||
"name": "Filament Grunticon/@font-face device testing results",
|
||
"href": "https://docs.google.com/spreadsheet/ccc?key=0Ag5_yGvxpINRdHFYeUJPNnZMWUZKR2ItMEpRTXZPdUE#gid=0"
|
||
}, {
|
||
"name": "CSS fonts on Android",
|
||
"href": "https://stackoverflow.com/questions/3200069/css-fonts-on-android"
|
||
}, {
|
||
"name": "@font-face and Android",
|
||
"href": "http://archivist.incutio.com/viewlist/css-discuss/115960"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
var unsupportedUserAgent = (function() {
|
||
var ua = navigator.userAgent;
|
||
var webos = ua.match(/w(eb)?osbrowser/gi);
|
||
var wppre8 = ua.match(/windows phone/gi) && ua.match(/iemobile\/([0-9])+/gi) && parseFloat(RegExp.$1) >= 9;
|
||
return webos || wppre8;
|
||
}());
|
||
if (unsupportedUserAgent) {
|
||
Modernizr.addTest('fontface', false);
|
||
} else {
|
||
testStyles('@font-face {font-family:"font";src:url("https://")}', function(node, rule) {
|
||
var style = document.getElementById('smodernizr');
|
||
var sheet = style.sheet || style.styleSheet;
|
||
var cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
|
||
var bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
|
||
Modernizr.addTest('fontface', bool);
|
||
});
|
||
}
|
||
;
|
||
/*!
|
||
{
|
||
"name": "CSS Generated Content",
|
||
"property": "generatedcontent",
|
||
"tags": ["css"],
|
||
"warnings": ["Android won't return correct height for anything below 7px #738"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-selectors/#gen-content"
|
||
}, {
|
||
"name": "MDN Docs on :before",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/::before"
|
||
}, {
|
||
"name": "MDN Docs on :after",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/::after"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr{font:0/0 a}#modernizr:after{content:":)";visibility:hidden;font:7px/1 a}', function(node) {
|
||
// See bug report on why this value is 6 crbug.com/608142
|
||
Modernizr.addTest('generatedcontent', node.offsetHeight >= 6);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Gradients",
|
||
"caniuse": "css-gradients",
|
||
"property": "cssgradients",
|
||
"tags": ["css"],
|
||
"knownBugs": ["False-positives on webOS (https://github.com/Modernizr/Modernizr/issues/202)"],
|
||
"notes": [{
|
||
"name": "Webkit Gradient Syntax",
|
||
"href": "https://webkit.org/blog/175/introducing-css-gradients/"
|
||
}, {
|
||
"name": "Linear Gradient Syntax",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.csswg.org/css-images-3/#gradients"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
|
||
Modernizr.addTest('cssgradients', function() {
|
||
|
||
var str1 = 'background-image:';
|
||
var str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));';
|
||
var css = '';
|
||
var angle;
|
||
|
||
for (var i = 0, len = prefixes.length - 1; i < len; i++) {
|
||
angle = (i === 0 ? 'to ' : '');
|
||
css += str1 + prefixes[i] + 'linear-gradient(' + angle + 'left top, #9f9, white);';
|
||
}
|
||
|
||
if (Modernizr._config.usePrefixes) {
|
||
// legacy webkit syntax (TODO:: remove when syntax not in use anymore)
|
||
css += str1 + '-webkit-' + str2;
|
||
}
|
||
|
||
var elem = createElement('a');
|
||
var style = elem.style;
|
||
style.cssText = css;
|
||
|
||
// IE6 returns undefined so cast to string
|
||
return ('' + style.backgroundImage).indexOf('gradient') > -1;
|
||
});
|
||
|
||
/*! {
|
||
"name": "CSS Hairline",
|
||
"property": "hairline",
|
||
"tags": ["css"],
|
||
"authors": ["strarsis"],
|
||
"notes": [{
|
||
"name": "Blog post about CSS retina hairlines",
|
||
"href": "http://dieulot.net/css-retina-hairline"
|
||
}, {
|
||
"name": "Derived from",
|
||
"href": "https://gist.github.com/dieulot/520a49463f6058fbc8d1"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for hidpi/retina hairlines, which are CSS borders with less than 1px in width, for being physically 1px on hidpi screens.
|
||
*/
|
||
|
||
Modernizr.addTest('hairline', function() {
|
||
return testStyles('#modernizr {border:.5px solid transparent}', function(elem) {
|
||
return elem.offsetHeight === 1;
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS HSLA Colors",
|
||
"caniuse": "css3-colors",
|
||
"property": "hsla",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('hsla', function() {
|
||
var style = createElement('a').style;
|
||
style.cssText = 'background-color:hsla(120,40%,100%,.5)';
|
||
return contains(style.backgroundColor, 'rgba') || contains(style.backgroundColor, 'hsla');
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Hyphens",
|
||
"caniuse": "css-hyphens",
|
||
"property": ["csshyphens", "softhyphens", "softhyphensfind"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_hyphens"],
|
||
"async": true,
|
||
"authors": ["David Newton"],
|
||
"warnings": [
|
||
"These tests currently require document.body to be present",
|
||
"If loading Hyphenator.js via yepnope, be cautious of issue 158: https://github.com/mnater/hyphenator/issues/158",
|
||
"This is very large – only include it if you absolutely need it"
|
||
],
|
||
"notes": [{
|
||
"name": "The Current State of Hyphenation on the Web.",
|
||
"href": "https://davidnewton.ca/the-current-state-of-hyphenation-on-the-web"
|
||
}, {
|
||
"name": "Hyphenation Test Page",
|
||
"href": "https://web.archive.org/web/20150319125549/http://davidnewton.ca/demos/hyphenation/test.html"
|
||
}, {
|
||
"name": "Hyphenation is Language Specific",
|
||
"href": "https://code.google.com/p/hyphenator/source/diff?spec=svn975&r=975&format=side&path=/trunk/Hyphenator.js#sc_svn975_313"
|
||
}, {
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/312"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var waitTime = 300;
|
||
setTimeout(runHyphenTest, waitTime);
|
||
// Wait 1000ms so we can hope for document.body
|
||
function runHyphenTest() {
|
||
if (!document.body && !document.getElementsByTagName('body')[0]) {
|
||
setTimeout(runHyphenTest, waitTime);
|
||
return;
|
||
}
|
||
|
||
// functional test of adding hyphens:auto
|
||
function test_hyphens_css() {
|
||
try {
|
||
/* create a div container and a span within that
|
||
* these have to be appended to document.body, otherwise some browsers can give false negative */
|
||
var div = createElement('div');
|
||
var span = createElement('span');
|
||
var divStyle = div.style;
|
||
var spanHeight = 0;
|
||
var spanWidth = 0;
|
||
var result = false;
|
||
var firstChild = document.body.firstElementChild || document.body.firstChild;
|
||
|
||
/* Hyphenation is only applied when language is explicitly set and when respective dictionary
|
||
* is available. See https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens for details. */
|
||
div.lang = 'en';
|
||
div.appendChild(span);
|
||
span.innerHTML = 'Bacon ipsum dolor sit amet jerky velit in culpa hamburger et. Laborum dolor proident, enim dolore duis commodo et strip steak. Salami anim et, veniam consectetur dolore qui tenderloin jowl velit sirloin. Et ad culpa, fatback cillum jowl ball tip ham hock nulla short ribs pariatur aute. Pig pancetta ham bresaola, ut boudin nostrud commodo flank esse cow tongue culpa. Pork belly bresaola enim pig, ea consectetur nisi. Fugiat officia turkey, ea cow jowl pariatur ullamco proident do laborum velit sausage. Magna biltong sint tri-tip commodo sed bacon, esse proident aliquip. Ullamco ham sint fugiat, velit in enim sed mollit nulla cow ut adipisicing nostrud consectetur. Proident dolore beef ribs, laborum nostrud meatball ea laboris rump cupidatat labore culpa. Shankle minim beef, velit sint cupidatat fugiat tenderloin pig et ball tip. Ut cow fatback salami, bacon ball tip et in shank strip steak bresaola. In ut pork belly sed mollit tri-tip magna culpa veniam, short ribs qui in andouille ham consequat. Dolore bacon t-bone, velit short ribs enim strip steak nulla. Voluptate labore ut, biltong swine irure jerky. Cupidatat excepteur aliquip salami dolore. Ball tip strip steak in pork dolor. Ad in esse biltong. Dolore tenderloin exercitation ad pork loin t-bone, dolore in chicken ball tip qui pig. Ut culpa tongue, sint ribeye dolore ex shank voluptate hamburger. Jowl et tempor, boudin pork chop labore ham hock drumstick consectetur tri-tip elit swine meatball chicken ground round. Proident shankle mollit dolore. Shoulder ut duis t-bone quis reprehenderit. Meatloaf dolore minim strip steak, laboris ea aute bacon beef ribs elit shank in veniam drumstick qui. Ex laboris meatball cow tongue pork belly. Ea ball tip reprehenderit pig, sed fatback boudin dolore flank aliquip laboris eu quis. Beef ribs duis beef, cow corned beef adipisicing commodo nisi deserunt exercitation. Cillum dolor t-bone spare ribs, ham hock est sirloin. Brisket irure meatloaf in, boudin pork belly sirloin ball tip. Sirloin sint irure nisi nostrud aliqua. Nostrud nulla aute, enim officia culpa ham hock. Aliqua reprehenderit dolore sunt nostrud sausage, ea boudin pork loin ut t-bone ham tempor. Tri-tip et pancetta drumstick laborum. Ham hock magna do nostrud in proident. Ex ground round fatback, venison non ribeye in.';
|
||
|
||
document.body.insertBefore(div, firstChild);
|
||
|
||
/* get size of unhyphenated text */
|
||
divStyle.cssText = 'position:absolute;top:0;left:0;width:5em;text-align:justify;text-justify:newspaper;';
|
||
spanHeight = span.offsetHeight;
|
||
spanWidth = span.offsetWidth;
|
||
|
||
/* compare size with hyphenated text */
|
||
divStyle.cssText = 'position:absolute;top:0;left:0;width:5em;text-align:justify;text-justify:newspaper;' +
|
||
prefixes.join('hyphens:auto; ');
|
||
|
||
/* results */
|
||
result = (span.offsetHeight !== spanHeight || span.offsetWidth !== spanWidth);
|
||
|
||
/* cleanup */
|
||
document.body.removeChild(div);
|
||
div.removeChild(span);
|
||
|
||
return result;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
// for the softhyphens test
|
||
function test_hyphens(delimiter, testWidth) {
|
||
try {
|
||
/* create a div container and a span within that
|
||
* these have to be appended to document.body, otherwise some browsers can give false negative */
|
||
var div = createElement('div');
|
||
var span = createElement('span');
|
||
var divStyle = div.style;
|
||
var spanSize = 0;
|
||
var result = false;
|
||
var result1 = false;
|
||
var result2 = false;
|
||
var firstChild = document.body.firstElementChild || document.body.firstChild;
|
||
|
||
divStyle.cssText = 'position:absolute;top:0;left:0;overflow:visible;width:1.25em;';
|
||
div.appendChild(span);
|
||
document.body.insertBefore(div, firstChild);
|
||
|
||
/* get height of unwrapped text */
|
||
span.innerHTML = 'mm';
|
||
spanSize = span.offsetHeight;
|
||
|
||
/* compare height w/ delimiter, to see if it wraps to new line */
|
||
span.innerHTML = 'm' + delimiter + 'm';
|
||
result1 = (span.offsetHeight > spanSize);
|
||
|
||
/* if we're testing the width too (i.e. for soft-hyphen, not zws),
|
||
* this is because tested Blackberry devices will wrap the text but not display the hyphen */
|
||
if (testWidth) {
|
||
/* get width of wrapped, non-hyphenated text */
|
||
span.innerHTML = 'm<br />m';
|
||
spanSize = span.offsetWidth;
|
||
|
||
/* compare width w/ wrapped w/ delimiter to see if hyphen is present */
|
||
span.innerHTML = 'm' + delimiter + 'm';
|
||
result2 = (span.offsetWidth > spanSize);
|
||
} else {
|
||
result2 = true;
|
||
}
|
||
|
||
/* results and cleanup */
|
||
if (result1 === true && result2 === true) { result = true; }
|
||
document.body.removeChild(div);
|
||
div.removeChild(span);
|
||
|
||
return result;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
// testing if in-browser Find functionality will work on hyphenated text
|
||
function test_hyphens_find(delimiter) {
|
||
try {
|
||
/* create a sample input for resetting selection location, and a div container
|
||
* these have to be appended to document.body, otherwise some browsers can give false negative
|
||
* div container gets the doubled testword, separated by the delimiter
|
||
* Note: giving a width to div gives false positive in iOS Safari */
|
||
var sampleInput = createElement('input');
|
||
var div = createElement('div');
|
||
var testword = 'lebowski';
|
||
var result = false;
|
||
var textrange;
|
||
var firstChild = document.body.firstElementChild || document.body.firstChild;
|
||
|
||
/* Make the elements fixed to prevent that the browser's viewport will jump to the top */
|
||
sampleInput.style.cssText = 'position:fixed;top:0;';
|
||
div.style.cssText = 'position:fixed;top:0;';
|
||
|
||
div.innerHTML = testword + delimiter + testword;
|
||
|
||
document.body.insertBefore(div, firstChild);
|
||
document.body.insertBefore(sampleInput, div);
|
||
|
||
/* reset the selection to the sample input element, i.e. BEFORE the div container
|
||
* stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area */
|
||
if (sampleInput.setSelectionRange) {
|
||
sampleInput.focus();
|
||
sampleInput.setSelectionRange(0, 0);
|
||
} else if (sampleInput.createTextRange) {
|
||
textrange = sampleInput.createTextRange();
|
||
textrange.collapse(true);
|
||
textrange.moveEnd('character', 0);
|
||
textrange.moveStart('character', 0);
|
||
textrange.select();
|
||
}
|
||
|
||
/* try to find the doubled testword, without the delimiter */
|
||
try {
|
||
if (window.find) {
|
||
result = window.find(testword + testword);
|
||
} else {
|
||
textrange = window.self.document.body.createTextRange();
|
||
result = textrange.findText(testword + testword);
|
||
}
|
||
} catch (e) {
|
||
result = false;
|
||
}
|
||
|
||
document.body.removeChild(div);
|
||
document.body.removeChild(sampleInput);
|
||
|
||
return result;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
addTest('csshyphens', function() {
|
||
|
||
if (!testAllProps('hyphens', 'auto', true)) {
|
||
return false;
|
||
}
|
||
|
||
/* Chrome lies about its hyphens support so we need a more robust test
|
||
crbug.com/107111
|
||
*/
|
||
try {
|
||
return test_hyphens_css();
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
addTest('softhyphens', function() {
|
||
try {
|
||
// use numeric entity instead of ­ in case it's XHTML
|
||
return test_hyphens('­', true) && test_hyphens('​', false);
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
addTest('softhyphensfind', function() {
|
||
try {
|
||
return test_hyphens_find('­') && test_hyphens_find('​');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :invalid pseudo-class",
|
||
"property": "cssinvalid",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/:invalid"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the ':invalid' CSS pseudo-class.
|
||
*/
|
||
|
||
Modernizr.addTest('cssinvalid', function() {
|
||
return testStyles('#modernizr input{height:0;border:0;padding:0;margin:0;width:10px} #modernizr input:invalid{width:50px}', function(elem) {
|
||
var input = createElement('input');
|
||
input.required = true;
|
||
elem.appendChild(input);
|
||
return input.clientWidth > 10;
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :last-child pseudo-selector",
|
||
"caniuse": "css-sel3",
|
||
"property": "lastchild",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_lastchild"],
|
||
"notes": [{
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/pull/304"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr div {width:100px} #modernizr :last-child{width:200px;display:block}', function(elem) {
|
||
Modernizr.addTest('lastchild', elem.lastChild.offsetWidth > elem.firstChild.offsetWidth);
|
||
}, 2);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Mask",
|
||
"caniuse": "css-masks",
|
||
"property": "cssmask",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_mask"],
|
||
"notes": [{
|
||
"name": "Webkit blog on CSS Masks",
|
||
"href": "https://webkit.org/blog/181/css-masks/"
|
||
}, {
|
||
"name": "Safari Docs",
|
||
"href": "https://developer.apple.com/library/archive/documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/Masks/Masks.html"
|
||
}, {
|
||
"name": "CSS SVG mask",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/mask"
|
||
}, {
|
||
"name": "Combine with clippaths for awesomeness",
|
||
"href": "https://web.archive.org/web/20150508193041/http://generic.cx:80/for/webkit/test.html"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('cssmask', testAllProps('maskRepeat', 'repeat-x', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Media Queries",
|
||
"caniuse": "css-mediaqueries",
|
||
"property": "mediaqueries",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_mediaqueries"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('mediaqueries', mq('only all'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Multiple Backgrounds",
|
||
"caniuse": "multibackgrounds",
|
||
"property": "multiplebgs",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
// Setting multiple images AND a color on the background shorthand property
|
||
// and then querying the style.background property value for the number of
|
||
// occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
|
||
|
||
Modernizr.addTest('multiplebgs', function() {
|
||
var style = createElement('a').style;
|
||
style.cssText = 'background:url(https://),url(https://),red url(https://)';
|
||
|
||
// If the UA supports multiple backgrounds, there should be three occurrences
|
||
// of the string "url(" in the return value for elemStyle.background
|
||
return (/(url\s*\(.*?){3}/).test(style.background);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :nth-child pseudo-selector",
|
||
"caniuse": "css-sel3",
|
||
"property": "nthchild",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/pull/685"
|
||
}, {
|
||
"name": "Sitepoint :nth-child documentation",
|
||
"href": "https://www.sitepoint.com/atoz-css-screencast-nth-child/"
|
||
}],
|
||
"authors": ["@emilchristensen"],
|
||
"warnings": ["Known false negative in Safari 3.1 and Safari 3.2.2"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the ':nth-child()' CSS pseudo-selector.
|
||
*/
|
||
|
||
// 4 `<div>` elements with `1px` width are created. Then every other element has its `width` set to `2px`.
|
||
// Then we check if the width of the even elements is different then the width of the odd elements
|
||
// while the two even elements have the same width (and the two odd elements too).
|
||
// Earlier versions of the tests tried to check for the actual width which didnt work on chrome when the
|
||
// browser was zoomed in our out in specific ways.
|
||
testStyles('#modernizr div {width:1px} #modernizr div:nth-child(2n) {width:2px;}', function(elem) {
|
||
var elems = elem.getElementsByTagName('div');
|
||
var correctWidths = elems[0].offsetWidth === elems[2].offsetWidth &&
|
||
elems[1].offsetWidth === elems[3].offsetWidth &&
|
||
elems[0].offsetWidth !== elems[1].offsetWidth;
|
||
Modernizr.addTest('nthchild', correctWidths);
|
||
}, 4);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Object Fit",
|
||
"caniuse": "object-fit",
|
||
"property": "objectfit",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_objectfit"],
|
||
"notes": [{
|
||
"name": "Opera Article on Object Fit",
|
||
"href": "https://dev.opera.com/articles/css3-object-fit-object-position/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('objectfit', !!prefixed('objectFit'), {aliases: ['object-fit']});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Opacity",
|
||
"caniuse": "css-opacity",
|
||
"property": "opacity",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
// Browsers that actually have CSS Opacity implemented have done so
|
||
// according to spec, which means their return values are within the
|
||
// range of [0.0,1.0] - including the leading zero.
|
||
|
||
Modernizr.addTest('opacity', function() {
|
||
var style = createElement('a').style;
|
||
style.cssText = prefixes.join('opacity:.55;');
|
||
|
||
// The non-literal . in this regex is intentional:
|
||
// German Chrome returns this value as 0,55
|
||
// github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
|
||
return (/^0.55$/).test(style.opacity);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Overflow Scrolling",
|
||
"property": "overflowscrolling",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_overflow_scrolling"],
|
||
"warnings": ["Introduced in iOS5b2. API is subject to change."],
|
||
"notes": [{
|
||
"name": "Article on iOS overflow scrolling",
|
||
"href": "https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('overflowscrolling', testAllProps('overflowScrolling', 'touch', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Pointer Events",
|
||
"caniuse": "pointer-events",
|
||
"property": "csspointerevents",
|
||
"authors": ["ausi"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_pointerevents"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events"
|
||
}, {
|
||
"name": "Test Project Page",
|
||
"href": "https://ausi.github.com/Feature-detection-technique-for-pointer-events/"
|
||
}, {
|
||
"name": "Test Project Wiki",
|
||
"href": "https://github.com/ausi/Feature-detection-technique-for-pointer-events/wiki"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/80"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csspointerevents', function() {
|
||
var style = createElement('a').style;
|
||
style.cssText = 'pointer-events:auto';
|
||
return style.pointerEvents === 'auto';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS position: sticky",
|
||
"property": "csspositionsticky",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_positionsticky"],
|
||
"notes": [{
|
||
"name": "Chrome bug report",
|
||
"href":"https://bugs.chromium.org/p/chromium/issues/detail?id=322972"
|
||
}],
|
||
"warnings": ["using position:sticky on anything but top aligned elements is buggy in Chrome < 37 and iOS <=7+"]
|
||
}
|
||
!*/
|
||
|
||
// Sticky positioning - constrains an element to be positioned inside the
|
||
// intersection of its container box, and the viewport.
|
||
Modernizr.addTest('csspositionsticky', function() {
|
||
var prop = 'position:';
|
||
var value = 'sticky';
|
||
var el = createElement('a');
|
||
var mStyle = el.style;
|
||
|
||
mStyle.cssText = prop + prefixes.join(value + ';' + prop).slice(0, -prop.length);
|
||
|
||
return mStyle.position.indexOf(value) !== -1;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Generated Content Animations",
|
||
"property": "csspseudoanimations",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csspseudoanimations', function() {
|
||
var result = false;
|
||
|
||
if (!Modernizr.cssanimations) {
|
||
return result;
|
||
}
|
||
|
||
var styles = [
|
||
'@', prefixes.join('keyframes csspseudoanimations { from { font-size: 10px; } }@').replace(/\@$/, ''),
|
||
'#modernizr:before { content:" "; font-size:5px;',
|
||
prefixes.join('animation:csspseudoanimations 1ms infinite;'),
|
||
'}'
|
||
].join('');
|
||
|
||
testStyles(styles, function(elem) {
|
||
result = computedStyle(elem, ':before', 'font-size') === '10px';
|
||
});
|
||
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Transitions",
|
||
"property": "csstransitions",
|
||
"caniuse": "css-transitions",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csstransitions', testAllProps('transition', 'all', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Generated Content Transitions",
|
||
"property": "csspseudotransitions",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csspseudotransitions', function() {
|
||
var result = false;
|
||
|
||
if (!Modernizr.csstransitions) {
|
||
return result;
|
||
}
|
||
|
||
var styles =
|
||
'#modernizr:before { content:" "; font-size:5px;' + prefixes.join('transition:0s 100s;') + '}' +
|
||
'#modernizr.trigger:before { font-size:10px; }';
|
||
|
||
testStyles(styles, function(elem) {
|
||
// Force rendering of the element's styles so that the transition will trigger
|
||
computedStyle(elem, ':before', 'font-size');
|
||
elem.className += 'trigger';
|
||
result = computedStyle(elem, ':before', 'font-size') === '5px';
|
||
});
|
||
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Reflections",
|
||
"caniuse": "css-reflections",
|
||
"property": "cssreflections",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('cssreflections', testAllProps('boxReflect', 'above', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Regions",
|
||
"caniuse": "css-regions",
|
||
"authors": ["Mihai Balan"],
|
||
"property": "regions",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_regions"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-regions/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// We start with a CSS parser test then we check page geometry to see if it's affected by regions
|
||
// Later we might be able to retire the second part, as WebKit builds with the false positives die out
|
||
|
||
Modernizr.addTest('regions', function() {
|
||
|
||
if (isSVG) {
|
||
// css regions don't work inside of SVG elements. Rather than update the
|
||
// below test to work in an SVG context, just exit early to save bytes
|
||
return false;
|
||
}
|
||
|
||
/* Get the 'flowFrom' property name available in the browser. Either default or vendor prefixed.
|
||
If the property name can't be found we'll get Boolean 'false' and fail quickly */
|
||
var flowFromProperty = prefixed('flowFrom');
|
||
var flowIntoProperty = prefixed('flowInto');
|
||
var result = false;
|
||
|
||
if (!flowFromProperty || !flowIntoProperty) {
|
||
return result;
|
||
}
|
||
|
||
/* If CSS parsing is there, try to determine if regions actually work. */
|
||
var iframeContainer = createElement('iframe');
|
||
var container = createElement('div');
|
||
var content = createElement('div');
|
||
var region = createElement('div');
|
||
|
||
/* we create a random, unlikely to be generated flow number to make sure we don't
|
||
clash with anything more vanilla, like 'flow', or 'article', or 'f1' */
|
||
var flowName = 'modernizr_flow_for_regions_check';
|
||
|
||
/* First create a div with two adjacent divs inside it. The first will be the
|
||
content, the second will be the region. To be able to distinguish between the two,
|
||
we'll give the region a particular padding */
|
||
content.innerText = 'M';
|
||
container.style.cssText = 'top: 150px; left: 150px; padding: 0px;';
|
||
region.style.cssText = 'width: 50px; height: 50px; padding: 42px;';
|
||
|
||
region.style[flowFromProperty] = flowName;
|
||
container.appendChild(content);
|
||
container.appendChild(region);
|
||
docElement.appendChild(container);
|
||
|
||
/* Now compute the bounding client rect, before and after attempting to flow the
|
||
content div in the region div. If regions are enabled, the after bounding rect
|
||
should reflect the padding of the region div.*/
|
||
var flowedRect, delta;
|
||
var plainRect = content.getBoundingClientRect();
|
||
|
||
content.style[flowIntoProperty] = flowName;
|
||
flowedRect = content.getBoundingClientRect();
|
||
|
||
delta = parseInt(flowedRect.left - plainRect.left, 10);
|
||
docElement.removeChild(container);
|
||
|
||
if (delta === 42) {
|
||
result = true;
|
||
} else {
|
||
/* IE only allows for the content to come from iframes. This has the
|
||
* side effect of automatic collapsing of iframes once they get the flow-into
|
||
* property set. checking for a change on the height allows us to detect this
|
||
* in a sync way, without having to wait for a frame to load */
|
||
|
||
docElement.appendChild(iframeContainer);
|
||
plainRect = iframeContainer.getBoundingClientRect();
|
||
iframeContainer.style[flowIntoProperty] = flowName;
|
||
flowedRect = iframeContainer.getBoundingClientRect();
|
||
|
||
if (plainRect.height > 0 && plainRect.height !== flowedRect.height && flowedRect.height === 0) {
|
||
result = true;
|
||
}
|
||
}
|
||
|
||
content = region = container = iframeContainer = undefined;
|
||
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Font rem Units",
|
||
"caniuse": "rem",
|
||
"authors": ["nsfmc"],
|
||
"property": "cssremunit",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_remunit"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-values/#relative0"
|
||
}, {
|
||
"name": "Font Size with rem by Jonathan Snook",
|
||
"href": "https://snook.ca/archives/html_and_css/font-size-with-rem"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// "The 'rem' unit ('root em') is relative to the computed
|
||
// value of the 'font-size' value of the root element."
|
||
// you can test by checking if the prop was ditched
|
||
|
||
Modernizr.addTest('cssremunit', function() {
|
||
var style = createElement('a').style;
|
||
try {
|
||
style.fontSize = '3rem';
|
||
}
|
||
catch (e) {}
|
||
return (/rem/).test(style.fontSize);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS UI Resize",
|
||
"property": "cssresize",
|
||
"caniuse": "css-resize",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_resize"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-ui/#resize"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/CSS/resize"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for CSS 3 UI "resize" property
|
||
*/
|
||
|
||
Modernizr.addTest('cssresize', testAllProps('resize', 'both', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS rgba",
|
||
"caniuse": "css3-colors",
|
||
"property": "rgba",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "CSSTricks Tutorial",
|
||
"href": "https://css-tricks.com/rgba-browser-support/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('rgba', function() {
|
||
var style = createElement('a').style;
|
||
style.cssText = 'background-color:rgba(150,255,150,.5)';
|
||
|
||
return ('' + style.backgroundColor).indexOf('rgba') > -1;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Stylable Scrollbars",
|
||
"property": "cssscrollbar",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_scrollbars"]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr{overflow: scroll; width: 40px; height: 40px; }#' + prefixes
|
||
.join('scrollbar{width:10px}' + ' #modernizr::')
|
||
.split('#')
|
||
.slice(1)
|
||
.join('#') + 'scrollbar{width:10px}',
|
||
function(node) {
|
||
Modernizr.addTest('cssscrollbar', 'scrollWidth' in node && node.scrollWidth === 30);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Scroll Snap Points",
|
||
"property": "scrollsnappoints",
|
||
"caniuse": "css-snappoints",
|
||
"notes": [{
|
||
"name": "Setting native-like scrolling offsets in CSS with Scrolling Snap Points",
|
||
"href": "http://generatedcontent.org/post/66817675443/setting-native-like-scrolling-offsets-in-css-with"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Scroll_Snap_Points"
|
||
}],
|
||
"polyfills": ["scrollsnap"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for CSS Snap Points
|
||
*/
|
||
|
||
Modernizr.addTest('scrollsnappoints', testAllProps('scrollSnapType'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Shapes",
|
||
"property": "shapes",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css-shapes"
|
||
}, {
|
||
"name": "Examples from Adobe",
|
||
"href": "https://web.archive.org/web/20171230010236/http://webplatform.adobe.com:80/shapes"
|
||
}, {
|
||
"name": "Examples from CSS-Tricks",
|
||
"href": "https://css-tricks.com/examples/ShapesOfCSS/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('shapes', testAllProps('shapeOutside', 'content-box', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS general sibling selector",
|
||
"caniuse": "css-sel3",
|
||
"property": "siblinggeneral",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/pull/889"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('siblinggeneral', function() {
|
||
return testStyles('#modernizr div {width:100px} #modernizr div ~ div {width:200px;display:block}', function(elem) {
|
||
return elem.lastChild.offsetWidth === 200;
|
||
}, 2);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Subpixel Fonts",
|
||
"property": "subpixelfont",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_subpixelfont"],
|
||
"authors": ["@derSchepp", "@gerritvanaaken", "@rodneyrehm", "@yatil", "@ryanseddon"],
|
||
"notes": [{
|
||
"name": "Origin Test",
|
||
"href": "https://github.com/gerritvanaaken/subpixeldetect"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
/*
|
||
* (to infer if GDI or DirectWrite is used on Windows)
|
||
*/
|
||
testStyles(
|
||
'#modernizr{position: absolute; top: -10em; visibility:hidden; font: normal 10px arial;}#subpixel{float: left; font-size: 33.3333%;}',
|
||
function(elem) {
|
||
var subpixel = elem.firstChild;
|
||
subpixel.innerHTML = 'This is a text written in Arial';
|
||
Modernizr.addTest('subpixelfont', computedStyle(subpixel, null, 'width') !== '44px');
|
||
}, 1, ['subpixel']);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :target pseudo-class",
|
||
"caniuse": "css-sel3",
|
||
"property": "target",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/:target"
|
||
}],
|
||
"authors": ["@zachleat"],
|
||
"warnings": ["Opera Mini supports :target but doesn't update the hash for anchor links."]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the ':target' CSS pseudo-class.
|
||
*/
|
||
|
||
// querySelector
|
||
Modernizr.addTest('target', function() {
|
||
var doc = window.document;
|
||
if (!('querySelectorAll' in doc)) {
|
||
return false;
|
||
}
|
||
|
||
try {
|
||
doc.querySelectorAll(':target');
|
||
return true;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS text-align-last",
|
||
"property": "textalignlast",
|
||
"caniuse": "css-text-align-last",
|
||
"tags": ["css"],
|
||
"knownBugs": ["IE does not support the 'start' or 'end' values."],
|
||
"notes": [{
|
||
"name": "Quirksmode",
|
||
"href": "https://www.quirksmode.org/css/text/textalignlast.html"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('textalignlast', testAllProps('textAlignLast'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS textDecoration",
|
||
"property": "textdecoration",
|
||
"caniuse": "text-decoration",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css-text-decor-3/#line-decoration"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
|
||
(function() {
|
||
|
||
Modernizr.addTest('textdecoration', function() {
|
||
var bool = false;
|
||
var test = testAllProps('textDecoration');
|
||
try {
|
||
bool = !!test;
|
||
if (bool) {
|
||
bool = new Boolean(bool);
|
||
}
|
||
} catch (e) {}
|
||
|
||
return bool;
|
||
});
|
||
|
||
var props = ['Line', 'Style', 'Color', 'Skip', 'SkipInk'];
|
||
var name, test;
|
||
|
||
for (var i = 0; i < props.length; i++) {
|
||
name = props[i].toLowerCase();
|
||
test = testAllProps('textDecoration' + props[i]);
|
||
|
||
Modernizr.addTest('textdecoration.' + name, test);
|
||
}
|
||
})();
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS textshadow",
|
||
"property": "textshadow",
|
||
"caniuse": "css-textshadow",
|
||
"tags": ["css"],
|
||
"knownBugs": ["FF3.0 will false positive on this test"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('textshadow', testProp('textShadow', '1px 1px'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Transforms",
|
||
"property": "csstransforms",
|
||
"caniuse": "transforms2d",
|
||
"tags": ["css"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csstransforms', function() {
|
||
// Android < 3.0 is buggy, so we sniff and reject it
|
||
// https://github.com/Modernizr/Modernizr/issues/903
|
||
return navigator.userAgent.indexOf('Android 2.') === -1 &&
|
||
testAllProps('transform', 'scale(1)', true);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Transforms 3D",
|
||
"property": "csstransforms3d",
|
||
"caniuse": "transforms3d",
|
||
"tags": ["css"],
|
||
"warnings": [
|
||
"Chrome may occasionally fail this test on some systems; more info: https://bugs.chromium.org/p/chromium/issues/detail?id=129004"
|
||
]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csstransforms3d', function() {
|
||
return !!testAllProps('perspective', '1px', true);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Transforms Level 2",
|
||
"property": "csstransformslevel2",
|
||
"authors": ["rupl"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "CSSWG Draft Spec",
|
||
"href": "https://drafts.csswg.org/css-transforms-2/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('csstransformslevel2', function() {
|
||
return testAllProps('translate', '45px', true);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS Transform Style preserve-3d",
|
||
"property": "preserve3d",
|
||
"authors": ["denyskoch", "aFarkas"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/1748"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for `transform-style: preserve-3d`, for getting a proper 3D perspective on elements.
|
||
*/
|
||
|
||
Modernizr.addTest('preserve3d', function() {
|
||
var outerAnchor, innerAnchor;
|
||
var CSS = window.CSS;
|
||
var result = false;
|
||
|
||
if (CSS && CSS.supports && CSS.supports('(transform-style: preserve-3d)')) {
|
||
return true;
|
||
}
|
||
|
||
outerAnchor = createElement('a');
|
||
innerAnchor = createElement('a');
|
||
|
||
outerAnchor.style.cssText = 'display: block; transform-style: preserve-3d; transform-origin: right; transform: rotateY(40deg);';
|
||
innerAnchor.style.cssText = 'display: block; width: 9px; height: 1px; background: #000; transform-origin: right; transform: rotateY(40deg);';
|
||
|
||
outerAnchor.appendChild(innerAnchor);
|
||
docElement.appendChild(outerAnchor);
|
||
|
||
result = innerAnchor.getBoundingClientRect();
|
||
docElement.removeChild(outerAnchor);
|
||
|
||
result = result.width && result.width < 4;
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS user-select",
|
||
"property": "userselect",
|
||
"caniuse": "user-select-none",
|
||
"authors": ["ryan seddon"],
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_userselect"],
|
||
"notes": [{
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/250"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
//https://github.com/Modernizr/Modernizr/issues/250
|
||
Modernizr.addTest('userselect', testAllProps('userSelect', 'none', true));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS :valid pseudo-class",
|
||
"property": "cssvalid",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/CSS/:valid"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the ':valid' CSS pseudo-class.
|
||
*/
|
||
|
||
Modernizr.addTest('cssvalid', function() {
|
||
return testStyles('#modernizr input{height:0;border:0;padding:0;margin:0;width:10px} #modernizr input:valid{width:50px}', function(elem) {
|
||
var input = createElement('input');
|
||
elem.appendChild(input);
|
||
return input.clientWidth > 10;
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Variable Open Type Fonts",
|
||
"property": "variablefonts",
|
||
"authors": ["Patrick Kettner"],
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "Variable fonts on the web",
|
||
"href": "https://webkit.org/blog/7051/variable-fonts-on-the-web/"
|
||
}, {
|
||
"name": "Variable fonts for responsive design",
|
||
"href": "https://alistapart.com/blog/post/variable-fonts-for-responsive-design"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('variablefonts', testAllProps('fontVariationSettings'));
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS vh unit",
|
||
"property": "cssvhunit",
|
||
"caniuse": "viewport-units",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_vhunit"],
|
||
"notes": [{
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/572"
|
||
}, {
|
||
"name": "Similar JSFiddle",
|
||
"href": "https://jsfiddle.net/FWeinb/etnYC/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr { height: 50vh; max-height: 10px; }', function(elem) {
|
||
var compStyle = parseInt(computedStyle(elem, null, 'height'), 10);
|
||
Modernizr.addTest('cssvhunit', compStyle === 10);
|
||
});
|
||
|
||
|
||
/**
|
||
* roundedEquals takes two integers and checks if the first is within 1 of the second
|
||
*
|
||
* @access private
|
||
* @function roundedEquals
|
||
* @param {number} a - first integer
|
||
* @param {number} b - second integer
|
||
* @returns {boolean} true if the first integer is within 1 of the second, false otherwise
|
||
*/
|
||
function roundedEquals(a, b) {
|
||
return a - 1 === b || a === b || a + 1 === b;
|
||
}
|
||
|
||
;
|
||
/*!
|
||
{
|
||
"name": "CSS vmax unit",
|
||
"property": "cssvmaxunit",
|
||
"caniuse": "viewport-units",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_vmaxunit"],
|
||
"notes": [{
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/572"
|
||
}, {
|
||
"name": "JSFiddle Example",
|
||
"href": "https://jsfiddle.net/glsee/JDsWQ/4/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr1{width: 50vmax}#modernizr2{width:50px;height:50px;overflow:scroll}#modernizr3{position:fixed;top:0;left:0;bottom:0;right:0}', function(node) {
|
||
var elem = node.childNodes[2];
|
||
var scroller = node.childNodes[1];
|
||
var fullSizeElem = node.childNodes[0];
|
||
var scrollbarWidth = parseInt((scroller.offsetWidth - scroller.clientWidth) / 2, 10);
|
||
|
||
var one_vw = fullSizeElem.clientWidth / 100;
|
||
var one_vh = fullSizeElem.clientHeight / 100;
|
||
var expectedWidth = parseInt(Math.max(one_vw, one_vh) * 50, 10);
|
||
var compWidth = parseInt(computedStyle(elem, null, 'width'), 10);
|
||
|
||
Modernizr.addTest('cssvmaxunit', roundedEquals(expectedWidth, compWidth) || roundedEquals(expectedWidth, compWidth - scrollbarWidth));
|
||
}, 3);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS vmin unit",
|
||
"property": "cssvminunit",
|
||
"caniuse": "viewport-units",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_vminunit"],
|
||
"notes": [{
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/572"
|
||
}, {
|
||
"name": "JSFiddle Example",
|
||
"href": "https://jsfiddle.net/glsee/JRmdq/8/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr1{width: 50vm;width:50vmin}#modernizr2{width:50px;height:50px;overflow:scroll}#modernizr3{position:fixed;top:0;left:0;bottom:0;right:0}', function(node) {
|
||
var elem = node.childNodes[2];
|
||
var scroller = node.childNodes[1];
|
||
var fullSizeElem = node.childNodes[0];
|
||
var scrollbarWidth = parseInt((scroller.offsetWidth - scroller.clientWidth) / 2, 10);
|
||
|
||
var one_vw = fullSizeElem.clientWidth / 100;
|
||
var one_vh = fullSizeElem.clientHeight / 100;
|
||
var expectedWidth = parseInt(Math.min(one_vw, one_vh) * 50, 10);
|
||
var compWidth = parseInt(computedStyle(elem, null, 'width'), 10);
|
||
|
||
Modernizr.addTest('cssvminunit', roundedEquals(expectedWidth, compWidth) || roundedEquals(expectedWidth, compWidth - scrollbarWidth));
|
||
}, 3);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS vw unit",
|
||
"property": "cssvwunit",
|
||
"caniuse": "viewport-units",
|
||
"tags": ["css"],
|
||
"builderAliases": ["css_vwunit"],
|
||
"notes": [{
|
||
"name": "Related Modernizr Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/572"
|
||
}, {
|
||
"name": "JSFiddle Example",
|
||
"href": "https://jsfiddle.net/FWeinb/etnYC/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
testStyles('#modernizr { width: 50vw; }', function(elem) {
|
||
var width = parseInt(window.innerWidth / 2, 10);
|
||
var compStyle = parseInt(computedStyle(elem, null, 'width'), 10);
|
||
|
||
Modernizr.addTest('cssvwunit', roundedEquals(compStyle, width));
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "will-change",
|
||
"property": "willchange",
|
||
"caniuse": "will-change",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.csswg.org/css-will-change/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `will-change` css property, which formally signals to the
|
||
browser that an element will be animating.
|
||
*/
|
||
|
||
Modernizr.addTest('willchange', 'willChange' in docElement.style);
|
||
|
||
/*!
|
||
{
|
||
"name": "CSS wrap-flow",
|
||
"property": "wrapflow",
|
||
"tags": ["css"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/css3-exclusions"
|
||
}, {
|
||
"name": "Example by Louie Rootfield",
|
||
"href": "https://webdesign.tutsplus.com/tutorials/css-exclusions--cms-28087"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('wrapflow', function() {
|
||
var prefixedProperty = prefixed('wrapFlow');
|
||
if (!prefixedProperty || isSVG) {
|
||
return false;
|
||
}
|
||
|
||
var wrapFlowProperty = prefixedProperty.replace(/([A-Z])/g, function(str, m1) { return '-' + m1.toLowerCase(); }).replace(/^ms-/, '-ms-');
|
||
|
||
/* If the CSS parsing is there we need to determine if wrap-flow actually works to avoid false positive cases, e.g. the browser parses
|
||
the property, but it hasn't got the implementation for the functionality yet. */
|
||
var container = createElement('div');
|
||
var exclusion = createElement('div');
|
||
var content = createElement('span');
|
||
|
||
/* First we create a div with two adjacent divs inside it. The first div will be the content, the second div will be the exclusion area.
|
||
We use the "wrap-flow: end" property to test the actual behavior. (https://drafts.csswg.org/css-exclusions-1/#wrap-flow-property)
|
||
The wrap-flow property is applied to the exclusion area what has a 50px left offset and a 100px width.
|
||
If the wrap-flow property is working correctly then the content should start after the exclusion area, so the content's left offset should be 150px. */
|
||
exclusion.style.cssText = 'position: absolute; left: 50px; width: 100px; height: 20px;' + wrapFlowProperty + ':end;';
|
||
content.innerText = 'X';
|
||
|
||
container.appendChild(exclusion);
|
||
container.appendChild(content);
|
||
docElement.appendChild(container);
|
||
|
||
var leftOffset = content.offsetLeft;
|
||
|
||
docElement.removeChild(container);
|
||
exclusion = content = container = undefined;
|
||
|
||
return (leftOffset === 150);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Custom Elements API",
|
||
"property": "customelements",
|
||
"caniuse": "custom-elementsv1",
|
||
"tags": ["customelements"],
|
||
"polyfills": ["customelements"],
|
||
"notes": [{
|
||
"name": "Specs for Custom Elements",
|
||
"href": "https://www.w3.org/TR/custom-elements/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Custom Elements API, to create custom html elements via js
|
||
*/
|
||
|
||
Modernizr.addTest('customelements', 'customElements' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Custom protocol handler",
|
||
"property": "customprotocolhandler",
|
||
"authors": ["Ben Schwarz"],
|
||
"builderAliases": ["custom_protocol_handler"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/dev/system-state.html#custom-handlers"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/navigator.registerProtocolHandler"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `window.registerProtocolHandler()` API to allow websites to register themselves as possible handlers for particular protocols.
|
||
*/
|
||
|
||
Modernizr.addTest('customprotocolhandler', function() {
|
||
// early bailout where it doesn't exist at all
|
||
if (!navigator.registerProtocolHandler) {
|
||
return false;
|
||
}
|
||
|
||
// registerProtocolHandler was stubbed in webkit for a while, and didn't
|
||
// actually do anything. We intentionally set it improperly to test for
|
||
// the proper sort of failure
|
||
try {
|
||
navigator.registerProtocolHandler('thisShouldFail');
|
||
}
|
||
catch (e) {
|
||
return e instanceof TypeError;
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "CustomEvent",
|
||
"property": "customevent",
|
||
"tags": ["customevent"],
|
||
"authors": ["Alberto Elias"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/DOM-Level-3-Events/#interface-CustomEvent"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/docs/Web/API/CustomEvent"
|
||
}],
|
||
"polyfills": ["eventlistener"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for CustomEvent.
|
||
*/
|
||
|
||
Modernizr.addTest('customevent', 'CustomEvent' in window && typeof window.CustomEvent === 'function');
|
||
|
||
/*!
|
||
{
|
||
"name": "Dart",
|
||
"property": "dart",
|
||
"authors": ["Theodoor van Donge"],
|
||
"notes": [{
|
||
"name": "Language website",
|
||
"href": "https://www.dartlang.org/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects native support for the Dart programming language.
|
||
*/
|
||
|
||
Modernizr.addTest('dart', !!prefixed('startDart', navigator));
|
||
|
||
/*!
|
||
{
|
||
"name": "DataView",
|
||
"property": "dataview",
|
||
"authors": ["Addy Osmani"],
|
||
"builderAliases": ["dataview_api"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/JavaScript_typed_arrays/DataView"
|
||
}],
|
||
"polyfills": ["jdataview"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the DataView interface for reading data from an ArrayBuffer as part of the Typed Array spec.
|
||
*/
|
||
|
||
Modernizr.addTest('dataview', (typeof DataView !== 'undefined' && 'getFloat64' in DataView.prototype));
|
||
|
||
/*!
|
||
{
|
||
"name": "classList",
|
||
"caniuse": "classlist",
|
||
"property": "classlist",
|
||
"tags": ["dom"],
|
||
"builderAliases": ["dataview_api"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/DOM/element.classList"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('classlist', 'classList' in docElement);
|
||
|
||
/*!
|
||
{
|
||
"name": "createElement with Attributes",
|
||
"property": ["createelementattrs", "createelement-attrs"],
|
||
"tags": ["dom"],
|
||
"builderAliases": ["dom_createElement_attrs"],
|
||
"authors": ["James A. Rosen"],
|
||
"notes": [{
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/258"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('createelementattrs', function() {
|
||
try {
|
||
return createElement('<input name="test" />').getAttribute('name') === 'test';
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
}, {
|
||
aliases: ['createelement-attrs']
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "dataset API",
|
||
"caniuse": "dataset",
|
||
"property": "dataset",
|
||
"tags": ["dom"],
|
||
"builderAliases": ["dom_dataset"],
|
||
"authors": ["@phiggins42"]
|
||
}
|
||
!*/
|
||
|
||
// dataset API for data-* attributes
|
||
Modernizr.addTest('dataset', function() {
|
||
var n = createElement('div');
|
||
n.setAttribute('data-a-b', 'c');
|
||
return !!(n.dataset && n.dataset.aB === 'c');
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Document Fragment",
|
||
"property": "documentfragment",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html#ID-B63ED1A3"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment"
|
||
}, {
|
||
"name": "QuirksMode Compatibility Tables",
|
||
"href": "https://www.quirksmode.org/m/w3c_core.html#t112"
|
||
}],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"knownBugs": ["false-positive on Blackberry 9500, see QuirksMode note"],
|
||
"tags": ["dom"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Append multiple elements to the DOM within a single insertion.
|
||
*/
|
||
|
||
Modernizr.addTest('documentfragment', function() {
|
||
return 'createDocumentFragment' in document &&
|
||
'appendChild' in docElement;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "[hidden] Attribute",
|
||
"property": "hidden",
|
||
"tags": ["dom"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/dev/interaction.html#the-hidden-attribute"
|
||
}, {
|
||
"name": "original implementation of detect code",
|
||
"href": "https://github.com/aFarkas/html5shiv/blob/bf4fcc4/src/html5shiv.js#L38"
|
||
}],
|
||
"polyfills": ["html5shiv"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Does the browser support the HTML5 [hidden] attribute?
|
||
*/
|
||
|
||
Modernizr.addTest('hidden', 'hidden' in createElement('a'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Intersection Observer",
|
||
"property": "intersectionobserver",
|
||
"caniuse": "intersectionobserver",
|
||
"tags": ["dom"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/IntersectionObserver/"
|
||
}, {
|
||
"name": "IntersectionObserver polyfill",
|
||
"href": "https://github.com/w3c/IntersectionObserver/tree/master/polyfill"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/docs/Web/API/Intersection_Observer_API"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Determines if Intersection Observer API is available.
|
||
*/
|
||
|
||
Modernizr.addTest('intersectionobserver', 'IntersectionObserver' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "microdata",
|
||
"property": "microdata",
|
||
"tags": ["dom"],
|
||
"builderAliases": ["dom_microdata"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/microdata/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('microdata', 'getItems' in document);
|
||
|
||
/*!
|
||
{
|
||
"name": "DOM4 MutationObserver",
|
||
"property": "mutationobserver",
|
||
"caniuse": "mutationobserver",
|
||
"tags": ["dom"],
|
||
"authors": ["Karel Sedláček (@ksdlck)"],
|
||
"polyfills": ["mutationobservers"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Determines if DOM4 MutationObserver support is available.
|
||
*/
|
||
|
||
Modernizr.addTest('mutationobserver',
|
||
!!window.MutationObserver || !!window.WebKitMutationObserver);
|
||
|
||
/*!
|
||
{
|
||
"property": "passiveeventlisteners",
|
||
"caniuse": "passive-event-listener",
|
||
"tags": ["dom"],
|
||
"authors": ["Rick Byers"],
|
||
"name": "Passive event listeners",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://dom.spec.whatwg.org/#dom-addeventlisteneroptions-passive"
|
||
}, {
|
||
"name": "WICG explainer",
|
||
"href": "https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the passive option to addEventListener.
|
||
*/
|
||
|
||
Modernizr.addTest('passiveeventlisteners', function() {
|
||
var supportsPassiveOption = false;
|
||
try {
|
||
var opts = Object.defineProperty({}, 'passive', {
|
||
get: function() {
|
||
supportsPassiveOption = true;
|
||
return;
|
||
}
|
||
});
|
||
var noop = function () {};
|
||
window.addEventListener('testPassiveEventSupport', noop, opts);
|
||
window.removeEventListener('testPassiveEventSupport', noop, opts);
|
||
} catch (e) {}
|
||
return supportsPassiveOption;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Shadow DOM API",
|
||
"property": "shadowroot",
|
||
"caniuse": "shadowdomv1",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot"
|
||
}],
|
||
"authors": ["Kevin Coyle (@kevin-coyle-unipro)", "Pascal Lim (@pascalim)"],
|
||
"tags": ["dom"]
|
||
}
|
||
!*/
|
||
|
||
/* DOC
|
||
Detects support for the Shadow DOM API.
|
||
*/
|
||
|
||
Modernizr.addTest('shadowroot', 'attachShadow' in createElement('div'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Shadow DOM API (Legacy)",
|
||
"property": "shadowrootlegacy",
|
||
"caniuse": "shadowdom",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Element/createShadowRoot"
|
||
}],
|
||
"authors": ["Kevin Coyle (@kevin-coyle-unipro)", "Pascal Lim (@pascalim)"],
|
||
"tags": ["dom"]
|
||
}
|
||
!*/
|
||
|
||
/* DOC
|
||
Detects support for the Shadow DOM API. (Legacy)
|
||
*/
|
||
|
||
Modernizr.addTest('shadowrootlegacy', 'createShadowRoot' in createElement('div'));
|
||
|
||
/*!
|
||
{
|
||
"name": "bdi Element",
|
||
"property": "bdi",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdi"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the bdi element, a way to have text that is isolated from its possibly bidirectional surroundings
|
||
*/
|
||
|
||
Modernizr.addTest('bdi', function() {
|
||
var div = createElement('div');
|
||
var bdi = createElement('bdi');
|
||
|
||
bdi.innerHTML = 'إ';
|
||
div.appendChild(bdi);
|
||
|
||
docElement.appendChild(div);
|
||
|
||
var supports = computedStyle(bdi, null, 'direction') === 'rtl';
|
||
|
||
docElement.removeChild(div);
|
||
|
||
return supports;
|
||
});
|
||
|
||
|
||
/**
|
||
* since we have a fairly large number of input tests that don't mutate the input
|
||
* we create a single element that can be shared with all of those tests for a
|
||
* minor perf boost
|
||
*
|
||
* @access private
|
||
* @returns {HTMLInputElement}
|
||
*/
|
||
var inputElem = createElement('input');
|
||
|
||
/*!
|
||
{
|
||
"name": "Input attributes",
|
||
"property": "input",
|
||
"tags": ["forms"],
|
||
"authors": ["Mike Taylor"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/input.html#input-type-attr-summary"
|
||
}],
|
||
"knownBugs": ["Some blackberry devices report false positive for input.multiple"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for HTML5 `<input>` element attributes and exposes Boolean subproperties with the results:
|
||
|
||
```javascript
|
||
Modernizr.input.autocomplete
|
||
Modernizr.input.autofocus
|
||
Modernizr.input.list
|
||
Modernizr.input.max
|
||
Modernizr.input.min
|
||
Modernizr.input.multiple
|
||
Modernizr.input.pattern
|
||
Modernizr.input.placeholder
|
||
Modernizr.input.required
|
||
Modernizr.input.step
|
||
```
|
||
*/
|
||
|
||
// Run through HTML5's new input attributes to see if the UA understands any.
|
||
// Mike Taylr has created a comprehensive resource for testing these attributes
|
||
// when applied to all input types:
|
||
// miketaylr.com/code/input-type-attr.html
|
||
|
||
// Only input placeholder is tested while textarea's placeholder is not.
|
||
// Currently Safari 4 and Opera 11 have support only for the input placeholder
|
||
// Both tests are available in feature-detects/forms-placeholder.js
|
||
|
||
var inputattrs = 'autocomplete autofocus list placeholder max min multiple pattern required step'.split(' ');
|
||
var attrs = {};
|
||
|
||
Modernizr.input = (function(props) {
|
||
for (var i = 0, len = props.length; i < len; i++) {
|
||
attrs[ props[i] ] = !!(props[i] in inputElem);
|
||
}
|
||
if (attrs.list) {
|
||
// safari false positive's on datalist: webk.it/74252
|
||
// see also github.com/Modernizr/Modernizr/issues/146
|
||
attrs.list = !!(createElement('datalist') && window.HTMLDataListElement);
|
||
}
|
||
return attrs;
|
||
})(inputattrs);
|
||
|
||
/*!
|
||
{
|
||
"name": "datalist Element",
|
||
"caniuse": "datalist",
|
||
"property": "datalistelem",
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_datalist"],
|
||
"warnings": ["This test is a dupe of Modernizr.input.list. Only around for legacy reasons."],
|
||
"notes": [{
|
||
"name": "CSS Tricks Article",
|
||
"href": "https://css-tricks.com/relevant-dropdowns-polyfill-for-datalist/"
|
||
}, {
|
||
"name": "Mike Taylor Code",
|
||
"href": "https://miketaylr.com/code/datalist.html"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// lol. we already have a test for datalist built in! silly you.
|
||
// Leaving it around in case anyone's using it
|
||
|
||
Modernizr.addTest('datalistelem', Modernizr.input.list);
|
||
|
||
/*!
|
||
{
|
||
"name": "details Element",
|
||
"caniuse": "details",
|
||
"property": "details",
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_details"],
|
||
"authors": ["@mathias"],
|
||
"notes": [{
|
||
"name": "Mathias' Original",
|
||
"href": "https://mathiasbynens.be/notes/html5-details-jquery#comment-35"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('details', function() {
|
||
var el = createElement('details');
|
||
var diff;
|
||
|
||
// return early if possible; thanks @aFarkas!
|
||
if (!('open' in el)) {
|
||
return false;
|
||
}
|
||
|
||
testStyles('#modernizr details{display:block}', function(node) {
|
||
node.appendChild(el);
|
||
el.innerHTML = '<summary>a</summary>b';
|
||
diff = el.offsetHeight;
|
||
el.open = true;
|
||
diff = diff !== el.offsetHeight;
|
||
});
|
||
|
||
return diff;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "output Element",
|
||
"property": "outputelem",
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_output"],
|
||
"notes": [{
|
||
"name": "WhatWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-elements.html#the-output-element"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('outputelem', 'value' in createElement('output'));
|
||
|
||
/*!
|
||
{
|
||
"name": "picture Element",
|
||
"property": "picture",
|
||
"tags": ["elem"],
|
||
"authors": ["Scott Jehl", "Mat Marquis"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content"
|
||
}, {
|
||
"name": "Relevant spec issue",
|
||
"href": "https://github.com/ResponsiveImagesCG/picture-element/issues/87"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('picture', 'HTMLPictureElement' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "progress Element",
|
||
"caniuse": "progress",
|
||
"property": ["progressbar", "meter"],
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_progress_meter"],
|
||
"authors": ["Stefan Wallin"]
|
||
}
|
||
!*/
|
||
|
||
// Tests for progressbar-support. All browsers that don't support progressbar returns undefined =)
|
||
Modernizr.addTest('progressbar', createElement('progress').max !== undefined);
|
||
|
||
// Tests for meter-support. All browsers that don't support meters returns undefined =)
|
||
Modernizr.addTest('meter', createElement('meter').max !== undefined);
|
||
|
||
/*!
|
||
{
|
||
"name": "ruby, rp, rt Elements",
|
||
"caniuse": "ruby",
|
||
"property": "ruby",
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_ruby"],
|
||
"authors": ["Cătălin Mariș"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-ruby-element"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('ruby', function() {
|
||
|
||
var ruby = createElement('ruby');
|
||
var rt = createElement('rt');
|
||
var rp = createElement('rp');
|
||
|
||
ruby.appendChild(rp);
|
||
ruby.appendChild(rt);
|
||
docElement.appendChild(ruby);
|
||
|
||
// browsers that support <ruby> hide the <rp> via "display:none"
|
||
if (computedStyle(rp, null, 'display') === 'none' || // for non-IE browsers
|
||
// but in IE browsers <rp> has "display:inline" so, the test needs other conditions:
|
||
computedStyle(ruby, null, 'display') === 'ruby' && computedStyle(rt, null, 'display') === 'ruby-text' || // for IE8+
|
||
computedStyle(rp, null, 'fontSize') === '6pt' && computedStyle(rt, null, 'fontSize') === '6pt') { // for IE6 & IE7
|
||
|
||
cleanUp();
|
||
return true;
|
||
|
||
} else {
|
||
cleanUp();
|
||
return false;
|
||
}
|
||
|
||
function cleanUp() {
|
||
docElement.removeChild(ruby);
|
||
// the removed child node still exists in memory, so ...
|
||
ruby = null;
|
||
rt = null;
|
||
rp = null;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Template Tag",
|
||
"property": "template",
|
||
"caniuse": "template",
|
||
"tags": ["elem"],
|
||
"notes": [{
|
||
"name": "HTML5Rocks Article",
|
||
"href": "https://www.html5rocks.com/en/tutorials/webcomponents/template/"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://web.archive.org/web/20171130222649/http://www.w3.org/TR/html5/scripting-1.html"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('template', 'content' in createElement('template'));
|
||
|
||
/*!
|
||
{
|
||
"name": "time Element",
|
||
"property": "time",
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_time"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-time-element"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('time', 'valueAsDate' in createElement('time'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Track element and Timed Text Track",
|
||
"property": ["texttrackapi", "track"],
|
||
"tags": ["elem"],
|
||
"builderAliases": ["elem_track"],
|
||
"authors": ["Addy Osmani"],
|
||
"notes": [{
|
||
"name": "W3C Spec (Track Element)",
|
||
"href": "https://web.archive.org/web/20121119095019/http://www.w3.org/TR/html5/the-track-element.html#the-track-element"
|
||
}, {
|
||
"name": "W3C Spec (Track API)",
|
||
"href": "https://web.archive.org/web/20121119094620/http://www.w3.org/TR/html5/media-elements.html#text-track-api"
|
||
}],
|
||
"warnings": ["While IE10 has implemented the track element, IE10 does not expose the underlying APIs to create timed text tracks by JS (really sad)"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('texttrackapi', typeof (createElement('video').addTextTrack) === 'function');
|
||
|
||
// a more strict test for track including UI support: document.createElement('track').kind === 'subtitles'
|
||
Modernizr.addTest('track', 'kind' in createElement('track'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Unknown Elements",
|
||
"property": "unknownelements",
|
||
"tags": ["elem"],
|
||
"notes": [{
|
||
"name": "The Story of the HTML5 Shiv",
|
||
"href": "https://www.paulirish.com/2011/the-history-of-the-html5-shiv/"
|
||
}, {
|
||
"name": "original implementation of detect code",
|
||
"href": "https://github.com/aFarkas/html5shiv/blob/bf4fcc4/src/html5shiv.js#L36"
|
||
}],
|
||
"polyfills": ["html5shiv"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Does the browser support HTML with non-standard / new elements?
|
||
*/
|
||
|
||
Modernizr.addTest('unknownelements', function() {
|
||
var a = createElement('a');
|
||
a.innerHTML = '<xyz></xyz>';
|
||
return a.childNodes.length === 1;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Emoji",
|
||
"property": "emoji"
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for emoji character sets.
|
||
*/
|
||
|
||
Modernizr.addTest('emoji', function() {
|
||
if (!Modernizr.canvastext) {
|
||
return false;
|
||
}
|
||
var node = createElement('canvas');
|
||
var ctx = node.getContext('2d');
|
||
var backingStoreRatio =
|
||
ctx.webkitBackingStorePixelRatio ||
|
||
ctx.mozBackingStorePixelRatio ||
|
||
ctx.msBackingStorePixelRatio ||
|
||
ctx.oBackingStorePixelRatio ||
|
||
ctx.backingStorePixelRatio ||
|
||
1;
|
||
var offset = 12 * backingStoreRatio;
|
||
ctx.fillStyle = '#f00';
|
||
ctx.textBaseline = 'top';
|
||
ctx.font = '32px Arial';
|
||
ctx.fillText('\ud83d\udc28', 0, 0); // U+1F428 KOALA
|
||
return ctx.getImageData(offset, offset, 1, 1).data[0] !== 0;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Array",
|
||
"property": "es5array",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 Array per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es5array', function() {
|
||
return !!(Array.prototype &&
|
||
Array.prototype.every &&
|
||
Array.prototype.filter &&
|
||
Array.prototype.forEach &&
|
||
Array.prototype.indexOf &&
|
||
Array.prototype.lastIndexOf &&
|
||
Array.prototype.map &&
|
||
Array.prototype.some &&
|
||
Array.prototype.reduce &&
|
||
Array.prototype.reduceRight &&
|
||
Array.isArray);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Date",
|
||
"property": "es5date",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 Date per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es5date', function() {
|
||
var isoDate = '2013-04-12T06:06:37.307Z',
|
||
canParseISODate = false;
|
||
try {
|
||
canParseISODate = !!Date.parse(isoDate);
|
||
} catch (e) {
|
||
// no ISO date parsing yet
|
||
}
|
||
return !!(Date.now &&
|
||
Date.prototype &&
|
||
Date.prototype.toISOString &&
|
||
Date.prototype.toJSON &&
|
||
canParseISODate);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Function",
|
||
"property": "es5function",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 Function per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es5function', function() {
|
||
return !!(Function.prototype && Function.prototype.bind);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Object",
|
||
"property": "es5object",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim", "es5sham"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 Object per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es5object', function() {
|
||
return !!(Object.keys &&
|
||
Object.create &&
|
||
Object.getPrototypeOf &&
|
||
Object.getOwnPropertyNames &&
|
||
Object.isSealed &&
|
||
Object.isFrozen &&
|
||
Object.isExtensible &&
|
||
Object.getOwnPropertyDescriptor &&
|
||
Object.defineProperty &&
|
||
Object.defineProperties &&
|
||
Object.seal &&
|
||
Object.freeze &&
|
||
Object.preventExtensions);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Strict Mode",
|
||
"property": "strictmode",
|
||
"caniuse": "use-strict",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"authors": ["@kangax"],
|
||
"tags": ["es5"],
|
||
"builderAliases": ["es5_strictmode"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 Object strict mode.
|
||
*/
|
||
|
||
Modernizr.addTest('strictmode', (function() {'use strict'; return !this; })());
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 String",
|
||
"property": "es5string",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 5 String per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es5string', function() {
|
||
return !!(String.prototype && String.prototype.trim);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "JSON",
|
||
"property": "json",
|
||
"caniuse": "json",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Glossary/JSON"
|
||
}],
|
||
"polyfills": ["json2"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects native support for JSON handling functions.
|
||
*/
|
||
|
||
// this will also succeed if you've loaded the JSON2.js polyfill ahead of time
|
||
// ... but that should be obvious. :)
|
||
|
||
Modernizr.addTest('json', 'JSON' in window && 'parse' in JSON && 'stringify' in JSON);
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Syntax",
|
||
"property": "es5syntax",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}, {
|
||
"name": "original implementation of detect code",
|
||
"href": "https://kangax.github.io/compat-table/es5/"
|
||
}],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["This detect uses `eval()`, so CSP may be a problem."],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser accepts ECMAScript 5 syntax.
|
||
*/
|
||
|
||
Modernizr.addTest('es5syntax', function() {
|
||
var value, obj, stringAccess, getter, setter, reservedWords, zeroWidthChars;
|
||
try {
|
||
/* eslint no-eval: "off" */
|
||
// Property access on strings
|
||
stringAccess = eval('"foobar"[3] === "b"');
|
||
// Getter in property initializer
|
||
getter = eval('({ get x(){ return 1 } }).x === 1');
|
||
eval('({ set x(v){ value = v; } }).x = 1');
|
||
// Setter in property initializer
|
||
setter = value === 1;
|
||
// Reserved words as property names
|
||
eval('obj = ({ if: 1 })');
|
||
reservedWords = obj['if'] === 1;
|
||
// Zero-width characters in identifiers
|
||
zeroWidthChars = eval('_\u200c\u200d = true');
|
||
|
||
return stringAccess && getter && setter && reservedWords && zeroWidthChars;
|
||
} catch (ignore) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 Immutable Undefined",
|
||
"property": "es5undefined",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}, {
|
||
"name": "original implementation of detect code",
|
||
"href": "https://kangax.github.io/compat-table/es5/"
|
||
}],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser prevents assignment to global `undefined` per ECMAScript 5.
|
||
*/
|
||
|
||
Modernizr.addTest('es5undefined', function() {
|
||
var result, originalUndefined;
|
||
try {
|
||
originalUndefined = window.undefined;
|
||
window.undefined = 12345;
|
||
result = typeof window.undefined === 'undefined';
|
||
window.undefined = originalUndefined;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5",
|
||
"property": "es5",
|
||
"caniuse": "es5",
|
||
"notes": [{
|
||
"name": "ECMAScript 5.1 Language Specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/5.1/"
|
||
}],
|
||
"polyfills": ["es5shim", "es5sham"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["es5"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements everything as specified in ECMAScript 5.
|
||
*/
|
||
|
||
Modernizr.addTest('es5', function() {
|
||
return !!(
|
||
Modernizr.es5array &&
|
||
Modernizr.es5date &&
|
||
Modernizr.es5function &&
|
||
Modernizr.es5object &&
|
||
Modernizr.strictmode &&
|
||
Modernizr.es5string &&
|
||
Modernizr.json &&
|
||
Modernizr.es5syntax &&
|
||
Modernizr.es5undefined
|
||
);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Array",
|
||
"property": "es6array",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Array per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6array', !!(Array.prototype &&
|
||
Array.prototype.copyWithin &&
|
||
Array.prototype.fill &&
|
||
Array.prototype.find &&
|
||
Array.prototype.findIndex &&
|
||
Array.prototype.keys &&
|
||
Array.prototype.entries &&
|
||
Array.prototype.values &&
|
||
Array.from &&
|
||
Array.of));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Arrow Functions",
|
||
"property": "arrow",
|
||
"authors": ["Vincent Riemer"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Arrow Functions per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('arrow', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('()=>{}');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Class",
|
||
"property": "es6class",
|
||
"notes": [{
|
||
"name": "ECMAScript 6 language specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/6.0/#sec-class-definitions"
|
||
}],
|
||
"caniuse": "es6-class",
|
||
"authors": ["dabretin"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 class.
|
||
*/
|
||
|
||
Modernizr.addTest('class', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('class A{}');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Collections",
|
||
"property": "es6collections",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim", "weakmap"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Map, Set, WeakMap and WeakSet
|
||
*/
|
||
|
||
Modernizr.addTest('es6collections', !!(
|
||
window.Map && window.Set && window.WeakMap && window.WeakSet
|
||
));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES5 String.prototype.contains",
|
||
"property": "contains",
|
||
"authors": ["Robert Kowalski"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 `String.prototype.contains` per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('contains', is(String.prototype.contains, 'function'));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Generators",
|
||
"property": "generators",
|
||
"authors": ["Michael Kachanovskyi"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Generators per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('generators', function() {
|
||
try {
|
||
new Function('function* test() {}')();
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Math",
|
||
"property": "es6math",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Math per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6math', !!(Math &&
|
||
Math.clz32 &&
|
||
Math.cbrt &&
|
||
Math.imul &&
|
||
Math.sign &&
|
||
Math.log10 &&
|
||
Math.log2 &&
|
||
Math.log1p &&
|
||
Math.expm1 &&
|
||
Math.cosh &&
|
||
Math.sinh &&
|
||
Math.tanh &&
|
||
Math.acosh &&
|
||
Math.asinh &&
|
||
Math.atanh &&
|
||
Math.hypot &&
|
||
Math.trunc &&
|
||
Math.fround));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Number",
|
||
"property": "es6number",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Number per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6number', !!(Number.isFinite &&
|
||
Number.isInteger &&
|
||
Number.isSafeInteger &&
|
||
Number.isNaN &&
|
||
Number.parseInt &&
|
||
Number.parseFloat &&
|
||
Number.isInteger(Number.MAX_SAFE_INTEGER) &&
|
||
Number.isInteger(Number.MIN_SAFE_INTEGER) &&
|
||
Number.isFinite(Number.EPSILON)));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Object",
|
||
"property": "es6object",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Object per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6object', !!(Object.assign &&
|
||
Object.is &&
|
||
Object.setPrototypeOf));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Promises",
|
||
"property": "promises",
|
||
"caniuse": "promises",
|
||
"polyfills": ["es6promises"],
|
||
"authors": ["Krister Kari", "Jake Archibald"],
|
||
"tags": ["es6"],
|
||
"notes": [{
|
||
"name": "The ES6 promises spec",
|
||
"href": "https://github.com/domenic/promises-unwrapping"
|
||
}, {
|
||
"name": "Chromium dashboard - ES6 Promises",
|
||
"href": "https://www.chromestatus.com/features/5681726336532480"
|
||
}, {
|
||
"name": "JavaScript Promises: an Introduction",
|
||
"href": "https://developers.google.com/web/fundamentals/primers/promises/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Promises per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('promises', function() {
|
||
return 'Promise' in window &&
|
||
// Some of these methods are missing from
|
||
// Firefox/Chrome experimental implementations
|
||
'resolve' in window.Promise &&
|
||
'reject' in window.Promise &&
|
||
'all' in window.Promise &&
|
||
'race' in window.Promise &&
|
||
// Older version of the spec had a resolver object
|
||
// as the arg rather than a function
|
||
(function() {
|
||
var resolve;
|
||
new window.Promise(function(r) { resolve = r; });
|
||
return typeof resolve === 'function';
|
||
}());
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 String",
|
||
"property": "es6string",
|
||
"notes": [{
|
||
"name": "unofficial ECMAScript 6 draft specification",
|
||
"href": "https://web.archive.org/web/20180825202128/https://tc39.github.io/ecma262/"
|
||
}],
|
||
"polyfills": ["es6shim"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"warnings": ["ECMAScript 6 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 String per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6string', !!(String.fromCodePoint &&
|
||
String.raw &&
|
||
String.prototype.codePointAt &&
|
||
String.prototype.repeat &&
|
||
String.prototype.startsWith &&
|
||
String.prototype.endsWith &&
|
||
String.prototype.includes));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Symbol",
|
||
"property": "es6symbol",
|
||
"caniuse": "mdn-javascript_builtins_symbol",
|
||
"notes": [{
|
||
"name": "Official ECMAScript 6 specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/6.0/#sec-symbol-constructor"
|
||
},{
|
||
"name": "MDN web docs",
|
||
"href": "https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Symbol"
|
||
}],
|
||
"polyfills": ["es6symbol"],
|
||
"authors": ["buhichan (@buhichan)"],
|
||
"tags": ["es6","symbol"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Symbol per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es6symbol', !!(typeof(Symbol)==="function" &&
|
||
Symbol['for'] &&
|
||
Symbol.hasInstance &&
|
||
Symbol.isConcatSpreadable &&
|
||
Symbol.iterator &&
|
||
Symbol.keyFor &&
|
||
Symbol.match &&
|
||
Symbol.prototype &&
|
||
Symbol.replace &&
|
||
Symbol.search &&
|
||
Symbol.species &&
|
||
Symbol.split &&
|
||
Symbol.toPrimitive &&
|
||
Symbol.toStringTag &&
|
||
Symbol.unscopables));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Rest parameters",
|
||
"property": "restparameters",
|
||
"notes": [{
|
||
"name": "ECMAScript 6 language specification",
|
||
"href": "https://www.ecma-international.org/ecma-262/6.0/#sec-function-definitions"
|
||
}],
|
||
"caniuse": "rest",
|
||
"authors": ["dabretin"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 Rest parameters per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('restparameters', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('function f(...rest) {}');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Template Strings",
|
||
"property": "stringtemplate",
|
||
"caniuse": "template-literals",
|
||
"notes": [{
|
||
"name": "ECMAScript 6 draft specification",
|
||
"href": "https://tc39wiki.calculist.org/es6/template-strings/"
|
||
}],
|
||
"authors": ["dabretin"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 String template.
|
||
*/
|
||
|
||
Modernizr.addTest('stringtemplate', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
return eval('(function(){var a=1; return `-${a}-`;})()') === '-1-';
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES6 Spread array",
|
||
"property": "spreadarray",
|
||
"notes": [{
|
||
"name": "ECMAScript 6 language specification",
|
||
"href": "https://tc39.es/ecma262/#sec-array-initializer"
|
||
},
|
||
{
|
||
"name": "Article",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax"
|
||
}],
|
||
"caniuse": "mdn-javascript_operators_spread_spread_in_arrays",
|
||
"authors": ["dabretin"],
|
||
"warnings": ["not for object literals (implemented in ES7)"],
|
||
"tags": ["es6"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 6 spread syntax (in array and function calls)
|
||
*/
|
||
|
||
Modernizr.addTest('spreadarray', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('(function f(){})(...[1])');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES7 Array",
|
||
"property": "es7array",
|
||
"notes": [{
|
||
"name": "official ECMAScript 7 array draft specification",
|
||
"href": "https://tc39.es/ecma262/#sec-array.prototype.includes"
|
||
}],
|
||
"authors": ["dabretin"],
|
||
"warnings": ["ECMAScript 7 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es7"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 7 Array per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('es7array', !!(Array.prototype &&
|
||
Array.prototype.includes));
|
||
|
||
/*!
|
||
{
|
||
"name": "ES7 Rest destructuring",
|
||
"property": ["restdestructuringarray", "restdestructuringobject"],
|
||
"caniuse" : "destructuring%20assignment",
|
||
"notes": [{
|
||
"name": "official ECMAScript 7 Destructuring Assignment draft specification",
|
||
"href": "https://tc39.es/ecma262/#sec-destructuring-assignment"
|
||
}],
|
||
"authors": ["dabretin"],
|
||
"warnings": ["ECMAScript 7 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es7"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 7 Destructuring Assignment per specification.
|
||
*/
|
||
|
||
Modernizr.addTest('restdestructuringarray', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('var [...rest]=[1]');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
Modernizr.addTest('restdestructuringobject', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('var {...rest}={a:1}');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES7 Spread object",
|
||
"property": "spreadobject",
|
||
"notes": [{
|
||
"name": "official ECMAScript 7 array draft specification",
|
||
"href": "http://www.ecma-international.org/ecma-262/9.0/#sec-object-initializer"
|
||
}],
|
||
"authors": ["dabretin"],
|
||
"warnings": ["ECMAScript 7 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es7"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 7 object spread syntax
|
||
*/
|
||
|
||
Modernizr.addTest('spreadobject', function() {
|
||
try {
|
||
// eslint-disable-next-line
|
||
eval('var a={...{b:1}}');
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ES8 Object",
|
||
"property": "es8object",
|
||
"notes": [{
|
||
"name": "ECMAScript 8 draft specification: Object.entries",
|
||
"href": "https://www.ecma-international.org/ecma-262/8.0/#sec-object.entries"
|
||
}, {
|
||
"name": "ECMAScript 8 draft specification: Object.values",
|
||
"href": "https://www.ecma-international.org/ecma-262/8.0/#sec-object.values"
|
||
}],
|
||
"caniuse": "object-entries,object-values",
|
||
"authors": ["dabretin"],
|
||
"warnings": ["ECMAScript 8 is still a only a draft, so this detect may not match the final specification or implementations."],
|
||
"tags": ["es8"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements ECMAScript 8 Object.
|
||
*/
|
||
|
||
Modernizr.addTest('es8object', !!(Object.entries &&
|
||
Object.values));
|
||
|
||
/*!
|
||
{
|
||
"name": "Orientation and Motion Events",
|
||
"property": ["devicemotion", "deviceorientation"],
|
||
"caniuse": "deviceorientation",
|
||
"notes": [{
|
||
"name": "W3C Editor's Draft Spec",
|
||
"href": "https://w3c.github.io/deviceorientation/"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Detecting_device_orientation"
|
||
}],
|
||
"authors": ["Shi Chuan"],
|
||
"tags": ["event"],
|
||
"builderAliases": ["event_deviceorientation_motion"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Part of Device Access aspect of HTML5, same category as geolocation.
|
||
|
||
`devicemotion` tests for Device Motion Event support, returns boolean value true/false.
|
||
|
||
`deviceorientation` tests for Device Orientation Event support, returns boolean value true/false
|
||
*/
|
||
|
||
Modernizr.addTest('devicemotion', 'DeviceMotionEvent' in window);
|
||
Modernizr.addTest('deviceorientation', 'DeviceOrientationEvent' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "onInput Event",
|
||
"property": "oninput",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.oninput"
|
||
}, {
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/input.html#common-input-element-attributes"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/210"
|
||
}],
|
||
"authors": ["Patrick Kettner"],
|
||
"tags": ["event"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
`oninput` tests if the browser is able to detect the input event
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('oninput', function() {
|
||
var input = createElement('input');
|
||
var supportsOnInput;
|
||
input.setAttribute('oninput', 'return');
|
||
input.style.cssText = 'position:fixed;top:0;';
|
||
|
||
if (hasEvent('oninput', docElement) || typeof input.oninput === 'function') {
|
||
return true;
|
||
}
|
||
|
||
// IE doesn't support onInput, so we wrap up the non IE APIs
|
||
// (createEvent, addEventListener) in a try catch, rather than test for
|
||
// their trident equivalent.
|
||
try {
|
||
// Older Firefox didn't map oninput attribute to oninput property
|
||
var testEvent = document.createEvent('KeyboardEvent');
|
||
supportsOnInput = false;
|
||
var handler = function(e) {
|
||
supportsOnInput = true;
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
};
|
||
|
||
testEvent.initKeyEvent('keypress', true, true, window, false, false, false, false, 0, 'e'.charCodeAt(0));
|
||
docElement.appendChild(input);
|
||
input.addEventListener('input', handler, false);
|
||
input.focus();
|
||
input.dispatchEvent(testEvent);
|
||
input.removeEventListener('input', handler, false);
|
||
docElement.removeChild(input);
|
||
} catch (e) {
|
||
supportsOnInput = false;
|
||
}
|
||
return supportsOnInput;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Event Listener",
|
||
"property": "eventlistener",
|
||
"caniuse": "addeventlistener",
|
||
"authors": ["Andrew Betts (@triblondon)"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Registration-interfaces"
|
||
}],
|
||
"polyfills": ["eventlistener"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects native support for addEventListener
|
||
*/
|
||
|
||
Modernizr.addTest('eventlistener', 'addEventListener' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "EXIF Orientation",
|
||
"property": "exiforientation",
|
||
"tags": ["image"],
|
||
"builderAliases": ["exif_orientation"],
|
||
"async": true,
|
||
"authors": ["Paul Sayre"],
|
||
"notes": [{
|
||
"name": "Article by Dave Perrett",
|
||
"href": "https://www.daveperrett.com/articles/2012/07/28/exif-orientation-handling-is-a-ghetto/"
|
||
}, {
|
||
"name": "Article by Calvin Hass",
|
||
"href": "https://www.impulseadventure.com/photo/exif-orientation.html"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for EXIF Orientation in JPEG images.
|
||
|
||
iOS looks at the EXIF Orientation flag in JPEGs and rotates the image accordingly. Most desktop browsers just ignore this data.
|
||
*/
|
||
|
||
// Bug trackers:
|
||
// bugzil.la/298619 (unimplemented)
|
||
// crbug.com/56845 (looks incomplete)
|
||
// webk.it/19688 (available upstream but its up all ports to turn on individually)
|
||
Modernizr.addAsyncTest(function() {
|
||
var img = new Image();
|
||
|
||
img.onerror = function() {
|
||
addTest('exiforientation', false, {aliases: ['exif-orientation']});
|
||
};
|
||
|
||
img.onload = function() {
|
||
addTest('exiforientation', img.width !== 2, {aliases: ['exif-orientation']});
|
||
};
|
||
|
||
// There may be a way to shrink this more, it's a 1x2 white jpg with the orientation flag set to 6
|
||
img.src = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QAiRXhpZgAASUkqAAgAAAABABIBAwABAAAABgASAAAAAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAABAAIDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+/iiiigD/2Q==';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "File API",
|
||
"property": "filereader",
|
||
"caniuse": "fileapi",
|
||
"notes": [{
|
||
"name": "W3C Working Draft Spec",
|
||
"href": "https://www.w3.org/TR/FileAPI/"
|
||
}],
|
||
"tags": ["file"],
|
||
"builderAliases": ["file_api"],
|
||
"knownBugs": ["Will fail in Safari 5 due to its lack of support for the standards defined FileReader object"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
`filereader` tests for the File API specification
|
||
|
||
Tests for objects specific to the File API W3C specification without
|
||
being redundant (don't bother testing for Blob since it is assumed
|
||
to be the File object's prototype.)
|
||
*/
|
||
|
||
Modernizr.addTest('filereader', !!(window.File && window.FileList && window.FileReader));
|
||
|
||
/*!
|
||
{
|
||
"name": "Filesystem API",
|
||
"property": "filesystem",
|
||
"caniuse": "filesystem",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/file-system-api/"
|
||
}],
|
||
"authors": ["Eric Bidelman (@ebidel)"],
|
||
"tags": ["file"],
|
||
"builderAliases": ["file_filesystem"],
|
||
"knownBugs": ["The API will be present in Chrome incognito, but will throw an exception. See crbug.com/93417"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('filesystem', !!prefixed('requestFileSystem', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "Flash",
|
||
"property": "flash",
|
||
"tags": ["flash"],
|
||
"polyfills": ["shumway"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects Flash support as well as Flash-blocking plugins
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
var attachBody = function(body) {
|
||
if (!docElement.contains(body)) {
|
||
docElement.appendChild(body);
|
||
}
|
||
};
|
||
var removeFakeBody = function(body) {
|
||
// If we’re rockin’ an attached fake body, clean it up
|
||
if (body.fake && body.parentNode) {
|
||
body.parentNode.removeChild(body);
|
||
}
|
||
};
|
||
var runTest = function(result, embed) {
|
||
var bool = !!result;
|
||
if (bool) {
|
||
bool = new Boolean(bool);
|
||
bool.blocked = (result === 'blocked');
|
||
}
|
||
addTest('flash', function() { return bool; });
|
||
|
||
if (embed && body.contains(embed)) {
|
||
|
||
// in case embed has been wrapped, as with ClickToPlugin
|
||
while (embed.parentNode !== body) {
|
||
embed = embed.parentNode;
|
||
}
|
||
|
||
body.removeChild(embed);
|
||
}
|
||
|
||
};
|
||
var easy_detect;
|
||
var activex;
|
||
// we wrap activex in a try/catch because when Flash is disabled through
|
||
// ActiveX controls, it throws an error.
|
||
try {
|
||
// Pan is an API that exists for Flash objects.
|
||
activex = 'ActiveXObject' in window && 'Pan' in new window.ActiveXObject('ShockwaveFlash.ShockwaveFlash');
|
||
} catch (e) {}
|
||
|
||
easy_detect = !(('plugins' in navigator && 'Shockwave Flash' in navigator.plugins) || activex);
|
||
|
||
if (easy_detect || isSVG) {
|
||
runTest(false);
|
||
}
|
||
else {
|
||
// Flash seems to be installed, but it might be blocked. We have to
|
||
// actually create an element to see what happens to it.
|
||
var embed = createElement('embed');
|
||
var body = getBody();
|
||
var blockedDetect;
|
||
var inline_style;
|
||
|
||
embed.type = 'application/x-shockwave-flash';
|
||
|
||
// Need to do this in the body (fake or otherwise) otherwise IE8 complains
|
||
body.appendChild(embed);
|
||
|
||
// Pan doesn't exist in the embed if its IE (its on the ActiveXObject)
|
||
// so this check is for all other browsers.
|
||
if (!('Pan' in embed) && !activex) {
|
||
attachBody(body);
|
||
runTest('blocked', embed);
|
||
removeFakeBody(body);
|
||
return;
|
||
}
|
||
|
||
blockedDetect = function() {
|
||
// if we used a fake body originally, we need to restart this test, since
|
||
// we haven't been attached to the DOM, and therefore none of the blockers
|
||
// have had time to work.
|
||
attachBody(body);
|
||
if (!docElement.contains(body)) {
|
||
body = document.body || body;
|
||
embed = createElement('embed');
|
||
embed.type = 'application/x-shockwave-flash';
|
||
body.appendChild(embed);
|
||
return setTimeout(blockedDetect, 1000);
|
||
}
|
||
if (!docElement.contains(embed)) {
|
||
runTest('blocked');
|
||
}
|
||
else {
|
||
inline_style = embed.style.cssText;
|
||
if (inline_style !== '') {
|
||
// the style of the element has changed automatically. This is a
|
||
// really poor heuristic, but for lower end Flash blocks, it the
|
||
// only change they can make.
|
||
runTest('blocked', embed);
|
||
}
|
||
else {
|
||
runTest(true, embed);
|
||
}
|
||
}
|
||
removeFakeBody(body);
|
||
};
|
||
|
||
// If we have got this far, there is still a chance a userland plugin
|
||
// is blocking us (either changing the styles, or automatically removing
|
||
// the element). Both of these require us to take a step back for a moment
|
||
// to allow for them to get time of the thread, hence a setTimeout.
|
||
//
|
||
setTimeout(blockedDetect, 10);
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Force Touch Events",
|
||
"property": "forcetouch",
|
||
"authors": ["Kraig Walker"],
|
||
"notes": [{
|
||
"name": "Responding to Force Touch Events from JavaScript",
|
||
"href": "https://developer.apple.com/library/archive/documentation/AppleApplications/Conceptual/SafariJSProgTopics/RespondingtoForceTouchEventsfromJavaScript.html"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests whether the browser supports the detection of Force Touch Events.
|
||
Force Touch Events allow custom behaviours and interactions to take place based on the given pressure or change in pressure from a compatible trackpad.
|
||
|
||
Force Touch events are available in OS X 10.11 and later on devices equipped with Force Touch trackpads.
|
||
*/
|
||
|
||
Modernizr.addTest('forcetouch', function() {
|
||
// github.com/Modernizr/Modernizr/issues/1613
|
||
// Test if the browser supports the force touch event progression (see notes link)
|
||
if (!hasEvent(prefixed('mouseforcewillbegin', window, false), window)) {
|
||
return false;
|
||
}
|
||
|
||
// Test if the browser provides thresholds defining a "force touch" from a normal touch/click event
|
||
return MouseEvent.WEBKIT_FORCE_AT_MOUSE_DOWN && MouseEvent.WEBKIT_FORCE_AT_FORCE_MOUSE_DOWN;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "input[capture] Attribute",
|
||
"property": "capture",
|
||
"tags": ["video", "image", "audio", "media", "attribute"],
|
||
"notes": [{
|
||
"name": "W3C Draft Spec",
|
||
"href": "https://www.w3.org/TR/html-media-capture/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
When used on an `<input>`, this attribute signifies that the resource it takes should be generated via device's camera, camcorder, sound recorder.
|
||
*/
|
||
|
||
// testing for capture attribute in inputs
|
||
Modernizr.addTest('capture', ('capture' in createElement('input')));
|
||
|
||
/*!
|
||
{
|
||
"name": "input[file] Attribute",
|
||
"property": "fileinput",
|
||
"caniuse": "forms",
|
||
"tags": ["file", "forms", "input"],
|
||
"builderAliases": ["forms_fileinput"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether input type="file" is available on the platform
|
||
|
||
E.g. iOS < 6, some android versions and embedded Chrome WebViews don't support this
|
||
*/
|
||
|
||
Modernizr.addTest('fileinput', function() {
|
||
var ua = navigator.userAgent;
|
||
if (ua.match(/(Android (1.0|1.1|1.5|1.6|2.0|2.1))|(Windows Phone (OS 7|8.0))|(XBLWP)|(ZuneWP)|(w(eb)?OSBrowser)|(webOS)|(Kindle\/(1.0|2.0|2.5|3.0))/) ||
|
||
ua.match(/\swv\).+(chrome)\/([\w\.]+)/i)) {
|
||
return false;
|
||
}
|
||
var elem = createElement('input');
|
||
elem.type = 'file';
|
||
return !elem.disabled;
|
||
});
|
||
|
||
|
||
/**
|
||
* List of JavaScript DOM values used for tests including a NON-prefix
|
||
*
|
||
* @memberOf Modernizr
|
||
* @name Modernizr._domPrefixesAll
|
||
* @optionName Modernizr._domPrefixesAll
|
||
* @optionProp domPrefixesAll
|
||
* @access public
|
||
* @example
|
||
*
|
||
* Modernizr._domPrefixesAll is exactly the same as [_domPrefixes](#modernizr-_domPrefixes), but also
|
||
* adds an empty string in the array to test for a non-prefixed value
|
||
*
|
||
* ```js
|
||
* Modernizr._domPrefixesAll === [ "", "Moz", "O", "ms", "Webkit" ];
|
||
* ```
|
||
*/
|
||
var domPrefixesAll = [''].concat(domPrefixes);
|
||
ModernizrProto._domPrefixesAll = domPrefixesAll;
|
||
|
||
/*!
|
||
{
|
||
"name": "input[directory] Attribute",
|
||
"property": "directory",
|
||
"authors": ["silverwind"],
|
||
"tags": ["file", "input", "attribute"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
When used on an `<input type="file">`, the `directory` attribute instructs
|
||
the user agent to present a directory selection dialog instead of the usual
|
||
file selection dialog.
|
||
*/
|
||
|
||
Modernizr.addTest('fileinputdirectory', function() {
|
||
var elem = createElement('input'), dir = 'directory';
|
||
elem.type = 'file';
|
||
for (var i = 0, len = domPrefixesAll.length; i < len; i++) {
|
||
if (domPrefixesAll[i] + dir in elem) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "input[form] Attribute",
|
||
"property": "formattribute",
|
||
"tags": ["attribute", "forms", "input"],
|
||
"builderAliases": ["forms_formattribute"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether input form="form_id" is available on the platform
|
||
E.g. IE 10 (and below), don't support this
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('formattribute', function() {
|
||
var form = createElement('form');
|
||
var input = createElement('input');
|
||
var div = createElement('div');
|
||
var id = 'formtest' + (new Date()).getTime();
|
||
var attr;
|
||
var bool = false;
|
||
|
||
form.id = id;
|
||
|
||
//IE6/7 confuses the form idl attribute and the form content attribute, so we use document.createAttribute
|
||
try {
|
||
input.setAttribute('form', id);
|
||
}
|
||
catch (e) {
|
||
if (document.createAttribute) {
|
||
attr = document.createAttribute('form');
|
||
attr.nodeValue = id;
|
||
input.setAttributeNode(attr);
|
||
}
|
||
}
|
||
|
||
div.appendChild(form);
|
||
div.appendChild(input);
|
||
|
||
docElement.appendChild(div);
|
||
|
||
bool = form.elements && form.elements.length === 1 && input.form === form;
|
||
|
||
div.parentNode.removeChild(div);
|
||
return bool;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Form input types",
|
||
"property": "inputtypes",
|
||
"caniuse": "forms",
|
||
"tags": ["forms"],
|
||
"authors": ["Mike Taylor"],
|
||
"polyfills": [
|
||
"jquerytools",
|
||
"webshims",
|
||
"h5f",
|
||
"webforms2",
|
||
"nwxforms",
|
||
"fdslider",
|
||
"html5slider",
|
||
"galleryhtml5forms",
|
||
"jscolor",
|
||
"html5formshim",
|
||
"selectedoptionsjs",
|
||
"formvalidationjs"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for HTML5 form input types and exposes Boolean subproperties with the results:
|
||
|
||
```javascript
|
||
Modernizr.inputtypes.color
|
||
Modernizr.inputtypes.date
|
||
Modernizr.inputtypes.datetime
|
||
Modernizr.inputtypes['datetime-local']
|
||
Modernizr.inputtypes.email
|
||
Modernizr.inputtypes.month
|
||
Modernizr.inputtypes.number
|
||
Modernizr.inputtypes.range
|
||
Modernizr.inputtypes.search
|
||
Modernizr.inputtypes.tel
|
||
Modernizr.inputtypes.time
|
||
Modernizr.inputtypes.url
|
||
Modernizr.inputtypes.week
|
||
```
|
||
*/
|
||
|
||
// Run through HTML5's new input types to see if the UA understands any.
|
||
// This is put behind the tests runloop because it doesn't return a
|
||
// true/false like all the other tests; instead, it returns an object
|
||
// containing each input type with its corresponding true/false value
|
||
|
||
// Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/
|
||
(function() {
|
||
var props = ['search', 'tel', 'url', 'email', 'datetime', 'date', 'month', 'week','time', 'datetime-local', 'number', 'range', 'color'];
|
||
var smile = '1)';
|
||
var inputElemType;
|
||
var defaultView;
|
||
var bool;
|
||
|
||
for (var i = 0; i < props.length; i++) {
|
||
inputElem.setAttribute('type', inputElemType = props[i]);
|
||
bool = inputElem.type !== 'text' && 'style' in inputElem;
|
||
|
||
// We first check to see if the type we give it sticks..
|
||
// If the type does, we feed it a textual value, which shouldn't be valid.
|
||
// If the value doesn't stick, we know there's input sanitization which infers a custom UI
|
||
if (bool) {
|
||
|
||
inputElem.value = smile;
|
||
inputElem.style.cssText = 'position:absolute;visibility:hidden;';
|
||
|
||
if (/^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined) {
|
||
|
||
docElement.appendChild(inputElem);
|
||
defaultView = document.defaultView;
|
||
|
||
// Safari 2-4 allows the smiley as a value, despite making a slider
|
||
bool = defaultView.getComputedStyle &&
|
||
defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
|
||
// Mobile android web browser has false positive, so must
|
||
// check the height to see if the widget is actually there.
|
||
(inputElem.offsetHeight !== 0);
|
||
|
||
docElement.removeChild(inputElem);
|
||
|
||
} else if (/^(search|tel)$/.test(inputElemType)) {
|
||
// Spec doesn't define any special parsing or detectable UI
|
||
// behaviors so we pass these through as true
|
||
|
||
// Interestingly, opera fails the earlier test, so it doesn't
|
||
// even make it here.
|
||
|
||
} else if (/^(url|email)$/.test(inputElemType)) {
|
||
// Real url and email support comes with prebaked validation.
|
||
bool = inputElem.checkValidity && inputElem.checkValidity() === false;
|
||
|
||
} else {
|
||
// If the upgraded input component rejects the :) text, we got a winner
|
||
bool = inputElem.value !== smile;
|
||
}
|
||
}
|
||
|
||
Modernizr.addTest('inputtypes.' + inputElemType, !!bool);
|
||
}
|
||
})();
|
||
|
||
/*!
|
||
{
|
||
"name": "Form Validation",
|
||
"property": "formvalidation",
|
||
"tags": ["forms", "validation", "attribute"],
|
||
"builderAliases": ["forms_validation"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
This implementation only tests support for interactive form validation.
|
||
To check validation for a specific type or a specific other constraint,
|
||
the test can be combined:
|
||
|
||
- `Modernizr.inputtypes.number && Modernizr.formvalidation` (browser supports rangeOverflow, typeMismatch etc. for type=number)
|
||
- `Modernizr.input.required && Modernizr.formvalidation` (browser supports valueMissing)
|
||
*/
|
||
|
||
Modernizr.addTest('formvalidation', function() {
|
||
var form = createElement('form');
|
||
if (!('checkValidity' in form) || !('addEventListener' in form)) {
|
||
return false;
|
||
}
|
||
if ('reportValidity' in form) {
|
||
return true;
|
||
}
|
||
var invalidFired = false;
|
||
var input;
|
||
|
||
Modernizr.formvalidationapi = true;
|
||
|
||
// Prevent form from being submitted
|
||
form.addEventListener('submit', function(e) {
|
||
// Old Presto based Opera does not validate form, if submit is prevented
|
||
// although Opera Mini servers use newer Presto.
|
||
if (!window.opera || window.operamini) {
|
||
e.preventDefault();
|
||
}
|
||
e.stopPropagation();
|
||
}, false);
|
||
|
||
// Calling form.submit() doesn't trigger interactive validation,
|
||
// use a submit button instead
|
||
//older opera browsers need a name attribute
|
||
form.innerHTML = '<input name="modTest" required="required" /><button></button>';
|
||
|
||
testStyles('#modernizr form{position:absolute;top:-99999em}', function(node) {
|
||
node.appendChild(form);
|
||
|
||
input = form.getElementsByTagName('input')[0];
|
||
|
||
// Record whether "invalid" event is fired
|
||
input.addEventListener('invalid', function(e) {
|
||
invalidFired = true;
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
}, false);
|
||
|
||
//Opera does not fully support the validationMessage property
|
||
Modernizr.formvalidationmessage = !!input.validationMessage;
|
||
|
||
// Submit form by clicking submit button
|
||
form.getElementsByTagName('button')[0].click();
|
||
});
|
||
|
||
return invalidFired;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "input[type=\"number\"] Localization",
|
||
"property": "localizednumber",
|
||
"tags": ["forms", "localization", "attribute"],
|
||
"authors": ["Peter Janes"],
|
||
"notes": [{
|
||
"name": "Webkit Bug Tracker Listing",
|
||
"href": "https://bugs.webkit.org/show_bug.cgi?id=42484"
|
||
}, {
|
||
"name": "Based on This",
|
||
"href": "https://trac.webkit.org/browser/trunk/LayoutTests/fast/forms/script-tests/input-number-keyoperation.js?rev=80096#L9"
|
||
}],
|
||
"knownBugs": ["Only ever returns true if the browser/OS is configured to use comma as a decimal separator. This is probably fine for most use cases."]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether input type="number" is capable of receiving and displaying localized numbers, e.g. with comma separator.
|
||
*/
|
||
|
||
Modernizr.addTest('localizednumber', function() {
|
||
/* this extends our testing of input[type=number], so bomb out if that's missing */
|
||
if (!Modernizr.inputtypes.number) { return false; }
|
||
/* we rely on checkValidity later, so bomb out early if we don't have it */
|
||
if (!Modernizr.formvalidation) { return false; }
|
||
|
||
var body = getBody();
|
||
var div = createElement('div');
|
||
var firstChild = body.firstElementChild || body.firstChild;
|
||
var result;
|
||
|
||
body.insertBefore(div, firstChild);
|
||
|
||
div.innerHTML = '<input type="number" value="1.0" step="0.1" style="position: fixed; top: 0;" />';
|
||
var input = div.childNodes[0];
|
||
body.appendChild(div);
|
||
|
||
input.focus();
|
||
try {
|
||
document.execCommand('SelectAll', false); // Overwrite current input value, rather than appending text
|
||
document.execCommand('InsertText', false, '1,1');
|
||
} catch (e) {} // prevent warnings in IE
|
||
|
||
/* results */
|
||
result = input.type === 'number' && input.valueAsNumber === 1.1 && input.checkValidity();
|
||
|
||
/* cleanup */
|
||
body.removeChild(div);
|
||
if (body.fake && body.parentNode) {
|
||
body.parentNode.removeChild(body);
|
||
}
|
||
|
||
return result;
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "placeholder attribute",
|
||
"property": "placeholder",
|
||
"tags": ["forms", "attribute"],
|
||
"builderAliases": ["forms_placeholder"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for placeholder attribute in inputs and textareas
|
||
*/
|
||
|
||
Modernizr.addTest('placeholder', ('placeholder' in createElement('input') && 'placeholder' in createElement('textarea')));
|
||
|
||
/*!
|
||
{
|
||
"name": "form#requestAutocomplete()",
|
||
"property": "requestautocomplete",
|
||
"tags": ["form", "forms", "requestAutocomplete", "payments"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://wiki.whatwg.org/wiki/RequestAutocomplete"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
When used with input[autocomplete] to annotate a form, form.requestAutocomplete() shows a dialog in Chrome that speeds up
|
||
checkout flows (payments specific for now).
|
||
*/
|
||
|
||
Modernizr.addTest('requestautocomplete', !!prefixed('requestAutocomplete', createElement('form')));
|
||
|
||
/*!
|
||
{
|
||
"name": "Fullscreen API",
|
||
"property": "fullscreen",
|
||
"caniuse": "fullscreen",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/API/Fullscreen"
|
||
}],
|
||
"polyfills": ["screenfulljs"],
|
||
"builderAliases": ["fullscreen_api"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the ability to make the current website take over the user's entire screen
|
||
*/
|
||
|
||
// github.com/Modernizr/Modernizr/issues/739
|
||
Modernizr.addTest('fullscreen', !!(prefixed('exitFullscreen', document, false) || prefixed('cancelFullScreen', document, false)));
|
||
|
||
/*!
|
||
{
|
||
"name": "GamePad API",
|
||
"property": "gamepads",
|
||
"caniuse": "gamepad",
|
||
"authors": ["Eric Bidelman"],
|
||
"tags": ["media"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/gamepad/"
|
||
}, {
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/doodles/gamepad/#toc-featuredetect"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Gamepad API, for access to gamepads and controllers.
|
||
*/
|
||
|
||
Modernizr.addTest('gamepads', !!prefixed('getGamepads', navigator));
|
||
|
||
/*!
|
||
{
|
||
"name": "Geolocation API",
|
||
"property": "geolocation",
|
||
"caniuse": "geolocation",
|
||
"tags": ["media"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/WebAPI/Using_geolocation"
|
||
}],
|
||
"polyfills": [
|
||
"joshuabell-polyfill",
|
||
"webshims",
|
||
"geo-location-javascript",
|
||
"geolocation-api-polyfill"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Geolocation API for users to provide their location to web applications.
|
||
*/
|
||
|
||
// geolocation is often considered a trivial feature detect...
|
||
// Turns out, it's quite tricky to get right:
|
||
//
|
||
// Using !!navigator.geolocation does two things we don't want. It:
|
||
// 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
|
||
// 2. Disables page caching in WebKit: webk.it/43956
|
||
//
|
||
// Meanwhile, in Firefox < 8, an about:config setting could expose
|
||
// a false positive that would throw an exception: bugzil.la/688158
|
||
|
||
Modernizr.addTest('geolocation', 'geolocation' in navigator);
|
||
|
||
/*!
|
||
{
|
||
"name": "Hashchange event",
|
||
"property": "hashchange",
|
||
"caniuse": "hashchange",
|
||
"tags": ["history"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange"
|
||
}],
|
||
"polyfills": [
|
||
"jquery-hashchange",
|
||
"moo-historymanager",
|
||
"jquery-ajaxy",
|
||
"hasher",
|
||
"shistory"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `hashchange` event, fired when the current location fragment changes.
|
||
*/
|
||
|
||
Modernizr.addTest('hashchange', function() {
|
||
if (hasEvent('hashchange', window) === false) {
|
||
return false;
|
||
}
|
||
|
||
// documentMode logic from YUI to filter out IE8 Compat Mode
|
||
// which false positives.
|
||
return (document.documentMode === undefined || document.documentMode > 7);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Hidden Scrollbar",
|
||
"property": "hiddenscroll",
|
||
"authors": ["Oleg Korsunsky"],
|
||
"tags": ["overlay"],
|
||
"notes": [{
|
||
"name": "Overlay Scrollbar description",
|
||
"href": "https://developer.apple.com/library/mac/releasenotes/MacOSX/WhatsNewInOSX/Articles/MacOSX10_7.html#//apple_ref/doc/uid/TP40010355-SW39"
|
||
}, {
|
||
"name": "Video example of overlay scrollbars",
|
||
"href": "https://gfycat.com/FoolishMeaslyAtlanticsharpnosepuffer"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects overlay scrollbars (when scrollbars on overflowed blocks are visible). This is found most commonly on mobile and OS X.
|
||
*/
|
||
|
||
Modernizr.addTest('hiddenscroll', function() {
|
||
return testStyles('#modernizr {width:100px;height:100px;overflow:scroll}', function(elem) {
|
||
return elem.offsetWidth === elem.clientWidth;
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "History API",
|
||
"property": "history",
|
||
"caniuse": "history",
|
||
"tags": ["history"],
|
||
"authors": ["Hay Kranen", "Alexander Farkas"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/html51/browsers.html#the-history-interface"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/window.history"
|
||
}],
|
||
"polyfills": ["historyjs", "html5historyapi"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the History API for manipulating the browser session history.
|
||
*/
|
||
|
||
Modernizr.addTest('history', function() {
|
||
// Issue #733
|
||
// The stock browser on Android 2.2 & 2.3, and 4.0.x returns positive on history support
|
||
// Unfortunately support is really buggy and there is no clean way to detect
|
||
// these bugs, so we fall back to a user agent sniff :(
|
||
var ua = navigator.userAgent;
|
||
|
||
// Some browsers allow to have empty userAgent.
|
||
// Therefore, we need to check ua before using "indexOf" on it.
|
||
if(!ua) {
|
||
return false;
|
||
}
|
||
|
||
// We only want Android 2 and 4.0, stock browser, and not Chrome which identifies
|
||
// itself as 'Mobile Safari' as well, nor Windows Phone (issue #1471).
|
||
if ((ua.indexOf('Android 2.') !== -1 ||
|
||
(ua.indexOf('Android 4.0') !== -1)) &&
|
||
ua.indexOf('Mobile Safari') !== -1 &&
|
||
ua.indexOf('Chrome') === -1 &&
|
||
ua.indexOf('Windows Phone') === -1 &&
|
||
// Since all documents on file:// share an origin, the History apis are
|
||
// blocked there as well
|
||
location.protocol !== 'file:'
|
||
) {
|
||
return false;
|
||
}
|
||
|
||
// Return the regular check
|
||
return (window.history && 'pushState' in window.history);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "HTML Imports",
|
||
"property": "htmlimports",
|
||
"tags": ["html", "import"],
|
||
"polyfills": ["polymer-htmlimports"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/webcomponents/spec/imports/"
|
||
}, {
|
||
"name": "HTML Imports - #include for the web",
|
||
"href": "https://www.html5rocks.com/en/tutorials/webcomponents/imports/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for HTML import, a feature that is used for loading in Web Components.
|
||
*/
|
||
|
||
Modernizr.addTest('htmlimports', 'import' in createElement('link'));
|
||
|
||
/*!
|
||
{
|
||
"name": "IE8 compat mode",
|
||
"property": "ie8compat",
|
||
"authors": ["Erich Ocean"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether or not the current browser is IE8 in compatibility mode (i.e. acting as IE7).
|
||
*/
|
||
|
||
// In this case, IE8 will be acting as IE7. You may choose to remove features in this case.
|
||
|
||
// related:
|
||
// james.padolsey.com/javascript/detect-ie-in-js-using-conditional-comments/
|
||
|
||
Modernizr.addTest('ie8compat', (!window.addEventListener && !!document.documentMode && document.documentMode === 7));
|
||
|
||
/*!
|
||
{
|
||
"name": "iframe[sandbox] Attribute",
|
||
"property": "sandbox",
|
||
"caniuse": "iframe-sandbox",
|
||
"tags": ["iframe"],
|
||
"builderAliases": ["iframe_sandbox"],
|
||
"notes": [
|
||
{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/embedded-content.html#attr-iframe-sandbox"
|
||
}],
|
||
"knownBugs": ["False-positive on Firefox < 29"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for `sandbox` attribute in iframes.
|
||
*/
|
||
|
||
Modernizr.addTest('sandbox', 'sandbox' in createElement('iframe'));
|
||
|
||
/*!
|
||
{
|
||
"name": "iframe[seamless] Attribute",
|
||
"property": "seamless",
|
||
"tags": ["iframe"],
|
||
"builderAliases": ["iframe_seamless"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/embedded-content.html#attr-iframe-seamless"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for `seamless` attribute in iframes.
|
||
*/
|
||
|
||
Modernizr.addTest('seamless', 'seamless' in createElement('iframe'));
|
||
|
||
/*!
|
||
{
|
||
"name": "iframe[srcdoc] Attribute",
|
||
"property": "srcdoc",
|
||
"caniuse": "iframe-srcdoc",
|
||
"tags": ["iframe"],
|
||
"builderAliases": ["iframe_srcdoc"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/embedded-content.html#attr-iframe-srcdoc"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for `srcdoc` attribute in iframes.
|
||
*/
|
||
|
||
Modernizr.addTest('srcdoc', 'srcdoc' in createElement('iframe'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Animated PNG",
|
||
"async": true,
|
||
"property": "apng",
|
||
"caniuse": "apng",
|
||
"tags": ["image"],
|
||
"builderAliases": ["img_apng"],
|
||
"notes": [{
|
||
"name": "Wikipedia Article",
|
||
"href": "https://en.wikipedia.org/wiki/APNG"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for animated png support.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
if (!Modernizr.canvas) {
|
||
return false;
|
||
}
|
||
|
||
var image = new Image();
|
||
var canvas = createElement('canvas');
|
||
var ctx = canvas.getContext('2d');
|
||
|
||
image.onload = function() {
|
||
addTest('apng', function() {
|
||
if (typeof canvas.getContext === 'undefined') {
|
||
return false;
|
||
}
|
||
else {
|
||
ctx.drawImage(image, 0, 0);
|
||
return ctx.getImageData(0, 0, 1, 1).data[3] === 0;
|
||
}
|
||
});
|
||
};
|
||
|
||
image.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACGFjVEwAAAABAAAAAcMq2TYAAAANSURBVAiZY2BgYPgPAAEEAQB9ssjfAAAAGmZjVEwAAAAAAAAAAQAAAAEAAAAAAAAAAAD6A+gBAbNU+2sAAAARZmRBVAAAAAEImWNgYGBgAAAABQAB6MzFdgAAAABJRU5ErkJggg==';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "AVIF",
|
||
"async": true,
|
||
"property": "avif",
|
||
"caniuse": "avif",
|
||
"tags": ["image"],
|
||
"authors": ["Markel Ferro (@MarkelFe)"],
|
||
"polyfills": ["avifjs"],
|
||
"notes": [{
|
||
"name": "Avif Spec",
|
||
"href": "https://aomediacodec.github.io/av1-avif/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for AVIF support
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onload = image.onerror = function() {
|
||
addTest('avif', image.width === 1);
|
||
};
|
||
|
||
image.src = 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAAEcbWV0YQAAAAAAAABIaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGNhdmlmIC0gaHR0cHM6Ly9naXRodWIuY29tL2xpbmstdS9jYXZpZgAAAAAeaWxvYwAAAAAEQAABAAEAAAAAAUQAAQAAABcAAAAqaWluZgEAAAAAAAABAAAAGmluZmUCAAAAAAEAAGF2MDFJbWFnZQAAAAAOcGl0bQAAAAAAAQAAAHJpcHJwAAAAUmlwY28AAAAQcGFzcAAAAAEAAAABAAAAFGlzcGUAAAAAAAAAAQAAAAEAAAAQcGl4aQAAAAADCAgIAAAAFmF2MUOBAAwACggYAAYICGgIIAAAABhpcG1hAAAAAAAAAAEAAQUBAoMDhAAAAB9tZGF0CggYAAYICGgIIBoFHiAAAEQiBACwDoA=';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Image crossOrigin",
|
||
"property": "imgcrossorigin",
|
||
"notes": [{
|
||
"name": "Cross Domain Images and the Tainted Canvas",
|
||
"href": "https://blog.codepen.io/2013/10/08/cross-domain-images-tainted-canvas/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the crossOrigin attribute on images, which allow for cross domain images inside of a canvas without tainting it
|
||
*/
|
||
|
||
Modernizr.addTest('imgcrossorigin', 'crossOrigin' in createElement('img'));
|
||
|
||
/*!
|
||
{
|
||
"name": "JPEG 2000",
|
||
"async": true,
|
||
"aliases": ["jpeg-2000", "jpg2"],
|
||
"property": "jpeg2000",
|
||
"caniuse": "jpeg2000",
|
||
"tags": ["image"],
|
||
"authors": ["@eric_wvgg"],
|
||
"notes": [{
|
||
"name": "Wikipedia Article",
|
||
"href": "https://en.wikipedia.org/wiki/JPEG_2000"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for JPEG 2000 support
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onload = image.onerror = function() {
|
||
addTest('jpeg2000', image.width === 1);
|
||
};
|
||
|
||
image.src = 'data:image/jp2;base64,/0//UQAyAAAAAAABAAAAAgAAAAAAAAAAAAAABAAAAAQAAAAAAAAAAAAEBwEBBwEBBwEBBwEB/1IADAAAAAEAAAQEAAH/XAAEQED/ZAAlAAFDcmVhdGVkIGJ5IE9wZW5KUEVHIHZlcnNpb24gMi4wLjD/kAAKAAAAAABYAAH/UwAJAQAABAQAAf9dAAUBQED/UwAJAgAABAQAAf9dAAUCQED/UwAJAwAABAQAAf9dAAUDQED/k8+kEAGvz6QQAa/PpBABr994EAk//9k=';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "JPEG XR (extended range)",
|
||
"async": true,
|
||
"aliases": ["jpeg-xr"],
|
||
"property": "jpegxr",
|
||
"tags": ["image"],
|
||
"notes": [{
|
||
"name": "Wikipedia Article",
|
||
"href": "https://en.wikipedia.org/wiki/JPEG_XR"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for JPEG XR support
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onload = image.onerror = function() {
|
||
addTest('jpegxr', image.width === 1, {aliases: ['jpeg-xr']});
|
||
};
|
||
|
||
image.src = 'data:image/vnd.ms-photo;base64,SUm8AQgAAAAFAAG8AQAQAAAASgAAAIC8BAABAAAAAQAAAIG8BAABAAAAAQAAAMC8BAABAAAAWgAAAMG8BAABAAAAHwAAAAAAAAAkw91vA07+S7GFPXd2jckNV01QSE9UTwAZAYBxAAAAABP/gAAEb/8AAQAAAQAAAA==';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "image and iframe native lazy loading",
|
||
"property": "lazyloading",
|
||
"caniuse": "loading-lazy-attr",
|
||
"tags": ["image", "lazy", "loading"],
|
||
"notes": [{
|
||
"name": "Native image lazy-loading for the web",
|
||
"href": "https://addyosmani.com/blog/lazy-loading/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for the loading attribute of images and iframes
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('lazyloading', 'loading' in HTMLImageElement.prototype);
|
||
|
||
/*!
|
||
{
|
||
"name": "sizes attribute",
|
||
"async": true,
|
||
"property": "sizes",
|
||
"tags": ["image"],
|
||
"authors": ["Mat Marquis"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element"
|
||
}, {
|
||
"name": "Srcset and sizes",
|
||
"href": "https://ericportis.com/posts/2014/srcset-sizes/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for the `sizes` attribute on images
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var width1, width2, test;
|
||
var image = createElement('img');
|
||
// in a perfect world this would be the test...
|
||
var isSizes = 'sizes' in image;
|
||
|
||
// ... but we need to deal with Safari 9...
|
||
if (!isSizes && ('srcset' in image)) {
|
||
width2 = 'data:image/gif;base64,R0lGODlhAgABAPAAAP///wAAACH5BAAAAAAALAAAAAACAAEAAAICBAoAOw==';
|
||
width1 = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
|
||
|
||
test = function() {
|
||
addTest('sizes', image.width === 2);
|
||
};
|
||
|
||
image.onload = test;
|
||
image.onerror = test;
|
||
image.setAttribute('sizes', '9px');
|
||
|
||
image.srcset = width1 + ' 1w,' + width2 + ' 8w';
|
||
image.src = width1;
|
||
} else {
|
||
addTest('sizes', isSizes);
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "srcset attribute",
|
||
"property": "srcset",
|
||
"caniuse": "srcset",
|
||
"tags": ["image"],
|
||
"notes": [{
|
||
"name": "Smashing Magazine Article",
|
||
"href": "https://www.smashingmagazine.com/2013/08/webkit-implements-srcset-and-why-its-a-good-thing/"
|
||
}, {
|
||
"name": "Generate multi-resolution images for srcset with Grunt",
|
||
"href": "https://addyosmani.com/blog/generate-multi-resolution-images-for-srcset-with-grunt/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for the srcset attribute of images
|
||
*/
|
||
|
||
Modernizr.addTest('srcset', 'srcset' in createElement('img'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Webp",
|
||
"async": true,
|
||
"property": "webp",
|
||
"caniuse": "webp",
|
||
"tags": ["image"],
|
||
"builderAliases": ["img_webp"],
|
||
"authors": ["Krister Kari", "@amandeep", "Rich Bradshaw", "Ryan Seddon", "Paul Irish"],
|
||
"notes": [{
|
||
"name": "Webp Info",
|
||
"href": "https://developers.google.com/speed/webp/"
|
||
}, {
|
||
"name": "Chromium blog - Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input",
|
||
"href": "https://blog.chromium.org/2013/11/chrome-32-beta-animated-webp-images-and.html"
|
||
}, {
|
||
"name": "Webp Lossless Spec",
|
||
"href": "https://developers.google.com/speed/webp/docs/webp_lossless_bitstream_specification"
|
||
}, {
|
||
"name": "Article about WebP support",
|
||
"href": "https://optimus.keycdn.com/support/webp-support/"
|
||
}, {
|
||
"name": "Chromium WebP announcement",
|
||
"href": "https://blog.chromium.org/2011/11/lossless-and-transparency-encoding-in.html?m=1"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for lossy, non-alpha webp support.
|
||
|
||
Tests for all forms of webp support (lossless, lossy, alpha, and animated)..
|
||
|
||
Modernizr.webp // Basic support (lossy)
|
||
Modernizr.webp.lossless // Lossless
|
||
Modernizr.webp.alpha // Alpha (both lossy and lossless)
|
||
Modernizr.webp.animation // Animated WebP
|
||
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
var webpTests = [{
|
||
'uri': 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=',
|
||
'name': 'webp'
|
||
}, {
|
||
'uri': 'data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==',
|
||
'name': 'webp.alpha'
|
||
}, {
|
||
'uri': 'data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA',
|
||
'name': 'webp.animation'
|
||
}, {
|
||
'uri': 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=',
|
||
'name': 'webp.lossless'
|
||
}];
|
||
|
||
var webp = webpTests.shift();
|
||
function test(name, uri, cb) {
|
||
|
||
var image = new Image();
|
||
|
||
function addResult(event) {
|
||
// if the event is from 'onload', check the see if the image's width is
|
||
// 1 pixel (which indicates support). otherwise, it fails
|
||
|
||
var result = event && event.type === 'load' ? image.width === 1 : false;
|
||
var baseTest = name === 'webp';
|
||
|
||
// if it is the base test, and the result is false, just set a literal false
|
||
// rather than use the Boolean constructor
|
||
addTest(name, (baseTest && result) ? new Boolean(result) : result);
|
||
|
||
if (cb) {
|
||
cb(event);
|
||
}
|
||
}
|
||
|
||
image.onerror = addResult;
|
||
image.onload = addResult;
|
||
|
||
image.src = uri;
|
||
}
|
||
|
||
// test for webp support in general
|
||
test(webp.name, webp.uri, function(e) {
|
||
// if the webp test loaded, test everything else.
|
||
if (e && e.type === 'load') {
|
||
for (var i = 0; i < webpTests.length; i++) {
|
||
test(webpTests[i].name, webpTests[i].uri);
|
||
}
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "Webp Alpha",
|
||
"async": true,
|
||
"property": "webpalpha",
|
||
"aliases": ["webp-alpha"],
|
||
"tags": ["image"],
|
||
"authors": ["Krister Kari", "Rich Bradshaw", "Ryan Seddon", "Paul Irish"],
|
||
"notes": [{
|
||
"name": "WebP Info",
|
||
"href": "https://developers.google.com/speed/webp/"
|
||
}, {
|
||
"name": "Article about WebP support",
|
||
"href": "https://optimus.keycdn.com/support/webp-support/"
|
||
}, {
|
||
"name": "Chromium WebP announcement",
|
||
"href": "https://blog.chromium.org/2011/11/lossless-and-transparency-encoding-in.html?m=1"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for transparent webp support.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onerror = function() {
|
||
addTest('webpalpha', false, {aliases: ['webp-alpha']});
|
||
};
|
||
|
||
image.onload = function() {
|
||
addTest('webpalpha', image.width === 1, {aliases: ['webp-alpha']});
|
||
};
|
||
|
||
image.src = 'data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Webp Animation",
|
||
"async": true,
|
||
"property": "webpanimation",
|
||
"aliases": ["webp-animation"],
|
||
"tags": ["image"],
|
||
"authors": ["Krister Kari", "Rich Bradshaw", "Ryan Seddon", "Paul Irish"],
|
||
"notes": [{
|
||
"name": "WebP Info",
|
||
"href": "https://developers.google.com/speed/webp/"
|
||
}, {
|
||
"name": "Chromium blog - Chrome 32 Beta: Animated WebP images and faster Chrome for Android touch input",
|
||
"href": "https://blog.chromium.org/2013/11/chrome-32-beta-animated-webp-images-and.html"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for animated webp support.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onerror = function() {
|
||
addTest('webpanimation', false, {aliases: ['webp-animation']});
|
||
};
|
||
|
||
image.onload = function() {
|
||
addTest('webpanimation', image.width === 1, {aliases: ['webp-animation']});
|
||
};
|
||
|
||
image.src = 'data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Webp Lossless",
|
||
"async": true,
|
||
"property": ["webplossless", "webp-lossless"],
|
||
"tags": ["image"],
|
||
"authors": ["@amandeep", "Rich Bradshaw", "Ryan Seddon", "Paul Irish"],
|
||
"notes": [{
|
||
"name": "Webp Info",
|
||
"href": "https://developers.google.com/speed/webp/"
|
||
}, {
|
||
"name": "Webp Lossless Spec",
|
||
"href": "https://developers.google.com/speed/webp/docs/webp_lossless_bitstream_specification"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for non-alpha lossless webp support.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var image = new Image();
|
||
|
||
image.onerror = function() {
|
||
addTest('webplossless', false, {aliases: ['webp-lossless']});
|
||
};
|
||
|
||
image.onload = function() {
|
||
addTest('webplossless', image.width === 1, {aliases: ['webp-lossless']});
|
||
};
|
||
|
||
image.src = 'data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "IndexedDB",
|
||
"property": "indexeddb",
|
||
"caniuse": "indexeddb",
|
||
"tags": ["storage"],
|
||
"polyfills": ["indexeddb"],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the IndexedDB client-side storage API (final spec).
|
||
*/
|
||
|
||
// Vendors had inconsistent prefixing with the experimental Indexed DB:
|
||
// - Webkit's implementation is accessible through webkitIndexedDB
|
||
// - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
|
||
// For speed, we don't test the legacy (and beta-only) indexedDB
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
var indexeddb;
|
||
|
||
try {
|
||
// Firefox throws a Security Error when cookies are disabled
|
||
indexeddb = prefixed('indexedDB', window);
|
||
} catch (e) {
|
||
}
|
||
|
||
if (indexeddb) {
|
||
var testDBName = 'modernizr-' + Math.random();
|
||
var req;
|
||
try {
|
||
req = indexeddb.open(testDBName);
|
||
} catch (e) {
|
||
addTest('indexeddb', false);
|
||
return;
|
||
}
|
||
|
||
req.onerror = function(event) {
|
||
if (req.error && (req.error.name === 'InvalidStateError' || req.error.name === 'UnknownError')) {
|
||
addTest('indexeddb', false);
|
||
event.preventDefault();
|
||
} else {
|
||
addTest('indexeddb', true);
|
||
detectDeleteDatabase(indexeddb, testDBName);
|
||
}
|
||
};
|
||
|
||
req.onsuccess = function() {
|
||
addTest('indexeddb', true);
|
||
detectDeleteDatabase(indexeddb, testDBName);
|
||
};
|
||
} else {
|
||
addTest('indexeddb', false);
|
||
}
|
||
});
|
||
|
||
function detectDeleteDatabase(indexeddb, testDBName) {
|
||
var deleteReq = indexeddb.deleteDatabase(testDBName);
|
||
deleteReq.onsuccess = function() {
|
||
addTest('indexeddb.deletedatabase', true);
|
||
};
|
||
deleteReq.onerror = function() {
|
||
addTest('indexeddb.deletedatabase', false);
|
||
};
|
||
}
|
||
|
||
;
|
||
/*!
|
||
{
|
||
"name": "IndexedDB Blob",
|
||
"property": "indexeddbblob"
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects if the browser can save File/Blob objects to IndexedDB
|
||
*/
|
||
|
||
// Vendors had inconsistent prefixing with the experimental Indexed DB:
|
||
// - Webkit's implementation is accessible through webkitIndexedDB
|
||
// - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
|
||
// For speed, we don't test the legacy (and beta-only) indexedDB
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var indexeddb;
|
||
var dbname = 'detect-blob-support';
|
||
var supportsBlob = false;
|
||
var openRequest;
|
||
var db;
|
||
var putRequest;
|
||
|
||
try {
|
||
indexeddb = prefixed('indexedDB', window);
|
||
} catch (e) {
|
||
}
|
||
|
||
if (!(Modernizr.indexeddb && Modernizr.indexeddb.deletedatabase)) {
|
||
return false;
|
||
}
|
||
|
||
// Calling `deleteDatabase` in a try…catch because some contexts (e.g. data URIs)
|
||
// will throw a `SecurityError`
|
||
try {
|
||
indexeddb.deleteDatabase(dbname).onsuccess = function() {
|
||
openRequest = indexeddb.open(dbname, 1);
|
||
openRequest.onupgradeneeded = function() {
|
||
openRequest.result.createObjectStore('store');
|
||
};
|
||
openRequest.onsuccess = function() {
|
||
db = openRequest.result;
|
||
try {
|
||
putRequest = db.transaction('store', 'readwrite').objectStore('store').put(new Blob(), 'key');
|
||
putRequest.onsuccess = function() {
|
||
supportsBlob = true;
|
||
};
|
||
putRequest.onerror = function() {
|
||
supportsBlob = false;
|
||
};
|
||
}
|
||
catch (e) {
|
||
supportsBlob = false;
|
||
}
|
||
finally {
|
||
addTest('indexeddbblob', supportsBlob);
|
||
db.close();
|
||
indexeddb.deleteDatabase(dbname);
|
||
}
|
||
};
|
||
};
|
||
}
|
||
catch (e) {
|
||
addTest('indexeddbblob', false);
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "input formaction",
|
||
"property": "inputformaction",
|
||
"aliases": ["input-formaction"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formaction"
|
||
}, {
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/formaction-attribute/"
|
||
}],
|
||
"polyfills": ["webshims"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the formaction attribute on form inputs
|
||
*/
|
||
|
||
Modernizr.addTest('inputformaction', !!('formAction' in createElement('input')), {aliases: ['input-formaction']});
|
||
|
||
/*!
|
||
{
|
||
"name": "input formenctype",
|
||
"property": "inputformenctype",
|
||
"aliases": ["input-formenctype"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formenctype"
|
||
}, {
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/formenctype-attribute/"
|
||
}],
|
||
"polyfills": ["html5formshim"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the formenctype attribute on form inputs, which overrides the form enctype attribute
|
||
*/
|
||
|
||
Modernizr.addTest('inputformenctype', !!('formEnctype' in createElement('input')), {aliases: ['input-formenctype']});
|
||
|
||
/*!
|
||
{
|
||
"name": "input formmethod",
|
||
"property": "inputformmethod",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formmethod"
|
||
}, {
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/formmethod-attribute/"
|
||
}],
|
||
"polyfills": ["webshims"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the formmethod attribute on form inputs
|
||
*/
|
||
|
||
Modernizr.addTest('inputformmethod', !!('formMethod' in createElement('input')));
|
||
|
||
/*!
|
||
{
|
||
"name": "input formnovalidate",
|
||
"property": "inputformnovalidate",
|
||
"aliases": ["input-formnovalidate"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formnovalidate"
|
||
}, {
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/formnovalidate-attribute/"
|
||
}],
|
||
"polyfills": ["html5formshim"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the formnovalidate attribute on form inputs, which overrides the form novalidate attribute
|
||
*/
|
||
|
||
Modernizr.addTest('inputformnovalidate', !!('formNoValidate' in createElement('input')), {aliases: ['input-formnovalidate']});
|
||
|
||
/*!
|
||
{
|
||
"name": "input formtarget",
|
||
"property": "inputformtarget",
|
||
"aliases": ["input-formtarget"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fs-formtarget"
|
||
}, {
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/formtarget-attribute/"
|
||
}],
|
||
"polyfills": ["html5formshim"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the formtarget attribute on form inputs, which overrides the form target attribute
|
||
*/
|
||
|
||
Modernizr.addTest('inputformtarget', !!('formTarget' in createElement('input')), {aliases: ['input-formtarget']});
|
||
|
||
/*!
|
||
{
|
||
"name": "input[search] search event",
|
||
"property": "inputsearchevent",
|
||
"tags": ["input","search"],
|
||
"authors": ["Calvin Webster"],
|
||
"notes": [{
|
||
"name": "Wufoo demo",
|
||
"href": "https://www.wufoo.com/html5/search-type/"
|
||
}, {
|
||
"name": "CSS Tricks",
|
||
"href": "https://css-tricks.com/webkit-html5-search-inputs/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
There is a custom `search` event implemented in webkit browsers when using an `input[search]` element.
|
||
*/
|
||
|
||
Modernizr.addTest('inputsearchevent', hasEvent('search'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Internationalization API",
|
||
"property": "intl",
|
||
"caniuse": "internationalization",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl"
|
||
}, {
|
||
"name": "ECMAScript spec",
|
||
"href": "https://www.ecma-international.org/ecma-402/1.0/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Internationalization API which allow easy formatting of number and dates and sorting string
|
||
based on a locale
|
||
*/
|
||
|
||
Modernizr.addTest('intl', !!prefixed('Intl', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "Font Ligatures",
|
||
"property": "ligatures",
|
||
"caniuse": "font-feature",
|
||
"notes": [{
|
||
"name": "Cross-browser Web Fonts",
|
||
"href": "https://www.sitepoint.com/cross-browser-web-fonts-part-3/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for OpenType ligatures
|
||
*/
|
||
|
||
Modernizr.addTest('ligatures', testAllProps('fontFeatureSettings', '"liga" 1'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Reverse Ordered Lists",
|
||
"property": "olreversed",
|
||
"notes": [{
|
||
"name": "Impressive Webs article",
|
||
"href": "https://www.impressivewebs.com/reverse-ordered-lists-html5/"
|
||
}],
|
||
"builderAliases": ["lists_reversed"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `reversed` attribute on the `<ol>` element.
|
||
*/
|
||
|
||
Modernizr.addTest('olreversed', 'reversed' in createElement('ol'));
|
||
|
||
/*!
|
||
{
|
||
"name": "MathML",
|
||
"property": "mathml",
|
||
"caniuse": "mathml",
|
||
"authors": ["Addy Osmani", "Davide P. Cervone", "David Carlisle"],
|
||
"knownBugs": ["Firefox < 4 will likely return a false, however it does support MathML inside XHTML documents"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/Math/"
|
||
}],
|
||
"polyfills": ["mathjax"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for MathML, for mathematic equations in web pages.
|
||
*/
|
||
|
||
// Based on work by Davide (@dpvc) and David (@davidcarlisle)
|
||
// in https://github.com/mathjax/MathJax/issues/182
|
||
|
||
Modernizr.addTest('mathml', function() {
|
||
var ret;
|
||
|
||
testStyles('#modernizr{position:absolute;display:inline-block}', function(node) {
|
||
node.innerHTML += '<math><mfrac><mi>xx</mi><mi>yy</mi></mfrac></math>';
|
||
|
||
ret = node.offsetHeight > node.offsetWidth;
|
||
});
|
||
|
||
return ret;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Hover Media Query",
|
||
"property": "hovermq"
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for Hover based media queries
|
||
*/
|
||
|
||
Modernizr.addTest('hovermq', mq('(hover)'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Pointer Media Query",
|
||
"property": "pointermq"
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for Pointer based media queries
|
||
*/
|
||
|
||
Modernizr.addTest('pointermq', mq(('(pointer:coarse),(pointer:fine),(pointer:none)')));
|
||
|
||
/*!
|
||
{
|
||
"name": "Media Source Extensions API",
|
||
"caniuse": "mediasource",
|
||
"property": "mediasource",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Media_Source_Extensions_API"
|
||
}],
|
||
"builderAliases": ["media_source_extension_api"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support the Media Source Extensions API, which allows JavaScript to send byte streams to media codecs within web browsers that support HTML5 video.
|
||
*/
|
||
|
||
Modernizr.addTest('mediasource', 'MediaSource' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Message Channel",
|
||
"property": "messagechannel",
|
||
"authors": ["Raju Konga (@kongaraju)"],
|
||
"caniuse": "channel-messaging",
|
||
"tags": ["performance", "messagechannel"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/2011/WD-webmessaging-20110317/#message-channels"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Channel_Messaging_API/Using_channel_messaging"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for Message Channels, a way to communicate between different browsing contexts like iframes, workers, etc..
|
||
*/
|
||
|
||
Modernizr.addTest('messagechannel', 'MessageChannel' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Beacon API",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/navigator.sendBeacon"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/beacon/"
|
||
}],
|
||
"property": "beacon",
|
||
"caniuse": "beacon",
|
||
"tags": ["beacon", "network"],
|
||
"authors": ["Cătălin Mariș"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for an API that allows for asynchronous transfer of small HTTP data from the client to a server.
|
||
*/
|
||
|
||
Modernizr.addTest('beacon', 'sendBeacon' in navigator);
|
||
|
||
/*!
|
||
{
|
||
"name": "Low Bandwidth Connection",
|
||
"property": "lowbandwidth",
|
||
"tags": ["network"],
|
||
"builderAliases": ["network_connection"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for determining low-bandwidth via `navigator.connection`
|
||
|
||
There are two iterations of the `navigator.connection` interface.
|
||
|
||
The first is present in Android 2.2+ and only in the Browser (not WebView)
|
||
|
||
- http://docs.phonegap.com/en/1.2.0/phonegap_connection_connection.md.html#connection.type
|
||
- https://davidbcalhoun.com/2010/using-navigator-connection-android
|
||
|
||
The second is speced at https://dvcs.w3.org/hg/dap/raw-file/tip/network-api/Overview.html and perhaps landing in WebKit
|
||
|
||
- https://bugs.webkit.org/show_bug.cgi?id=73528
|
||
|
||
Unknown devices are assumed as fast
|
||
|
||
For more rigorous network testing, consider boomerang.js: https://github.com/bluesmoon/boomerang/
|
||
*/
|
||
|
||
Modernizr.addTest('lowbandwidth', function() {
|
||
// polyfill
|
||
var connection = navigator.connection || {type: 0};
|
||
|
||
return connection.type === 3 || // connection.CELL_2G
|
||
connection.type === 4 || // connection.CELL_3G
|
||
/^[23]g$/.test(connection.type); // string value in new spec
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Connection Effective Type",
|
||
"notes": [{
|
||
"name": "MDN documentation",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/NetworkInformation/effectiveType"
|
||
}],
|
||
"property": "connectioneffectivetype",
|
||
"builderAliases": ["network_connection"],
|
||
"tags": ["network"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for determining signal bandwidth via `navigator.connection.effectiveType`
|
||
*/
|
||
|
||
Modernizr.addTest('effectiveType', function () {
|
||
// polyfill
|
||
var connection = navigator.connection || { effectiveType: 0 };
|
||
|
||
if (connection.effectiveType !== 0) {
|
||
return true;
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Server Sent Events",
|
||
"property": "eventsource",
|
||
"tags": ["network"],
|
||
"builderAliases": ["network_eventsource"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/server-sent-events.html#server-sent-events"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for server sent events aka eventsource.
|
||
*/
|
||
|
||
Modernizr.addTest('eventsource', 'EventSource' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Fetch API",
|
||
"property": "fetch",
|
||
"tags": ["network"],
|
||
"caniuse": "fetch",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://fetch.spec.whatwg.org/"
|
||
}],
|
||
"polyfills": ["fetch"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the fetch API, a modern replacement for XMLHttpRequest.
|
||
*/
|
||
|
||
Modernizr.addTest('fetch', 'fetch' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "XML HTTP Request Level 2 XHR2",
|
||
"property": "xhr2",
|
||
"caniuse": "xhr2",
|
||
"tags": ["network"],
|
||
"builderAliases": ["network_xhr2"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/XMLHttpRequest2/"
|
||
}, {
|
||
"name": "Details on Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/385"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XHR2.
|
||
*/
|
||
|
||
// all three of these details report consistently across all target browsers:
|
||
// !!(window.ProgressEvent);
|
||
// 'XMLHttpRequest' in window && 'withCredentials' in new XMLHttpRequest
|
||
Modernizr.addTest('xhr2', 'XMLHttpRequest' in window && 'withCredentials' in new XMLHttpRequest());
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType",
|
||
"property": "xhrresponsetype",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetype', (function() {
|
||
if (typeof XMLHttpRequest === 'undefined') {
|
||
return false;
|
||
}
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('get', '/', true);
|
||
return 'response' in xhr;
|
||
}()));
|
||
|
||
|
||
/**
|
||
* https://mathiasbynens.be/notes/xhr-responsetype-json#comment-4
|
||
*
|
||
* @author Mathias Bynens
|
||
* @access private
|
||
* @function testXhrType
|
||
* @param {string} type - String name of the XHR type you want to detect
|
||
* @returns {boolean} true if the responseType is of the specified type
|
||
*/
|
||
var testXhrType = function(type) {
|
||
if (typeof XMLHttpRequest === 'undefined') {
|
||
return false;
|
||
}
|
||
var xhr = new XMLHttpRequest();
|
||
xhr.open('get', '/', true);
|
||
try {
|
||
xhr.responseType = type;
|
||
} catch (error) {
|
||
return false;
|
||
}
|
||
return 'response' in xhr && xhr.responseType === type;
|
||
};
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType='arraybuffer'",
|
||
"property": "xhrresponsetypearraybuffer",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType='arraybuffer'.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetypearraybuffer', testXhrType('arraybuffer'));
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType='blob'",
|
||
"property": "xhrresponsetypeblob",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType='blob'.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetypeblob', testXhrType('blob'));
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType='document'",
|
||
"property": "xhrresponsetypedocument",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType='document'.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetypedocument', testXhrType('document'));
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType='json'",
|
||
"property": "xhrresponsetypejson",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}, {
|
||
"name": "Explanation of xhr.responseType='json'",
|
||
"href": "https://mathiasbynens.be/notes/xhr-responsetype-json"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType='json'.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetypejson', testXhrType('json'));
|
||
|
||
/*!
|
||
{
|
||
"name": "XHR responseType='text'",
|
||
"property": "xhrresponsetypetext",
|
||
"tags": ["network"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://xhr.spec.whatwg.org/#the-responsetype-attribute"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests for XMLHttpRequest xhr.responseType='text'.
|
||
*/
|
||
|
||
Modernizr.addTest('xhrresponsetypetext', testXhrType('text'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Notification",
|
||
"property": "notification",
|
||
"caniuse": "notifications",
|
||
"authors": ["Theodoor van Donge", "Hendrik Beskow"],
|
||
"notes": [{
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/notifications/quick/"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/notifications/"
|
||
}, {
|
||
"name": "Changes in Chrome to Notifications API due to Service Worker Push Notifications",
|
||
"href": "https://developers.google.com/web/updates/2015/05/Notifying-you-of-notificiation-changes"
|
||
}],
|
||
"knownBugs": ["Possibility of false-positive on Chrome for Android if permissions we're granted for a website prior to Chrome 44."],
|
||
"polyfills": ["desktop-notify", "html5-notifications"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Notifications API
|
||
*/
|
||
|
||
Modernizr.addTest('notification', function() {
|
||
if (!window.Notification || !window.Notification.requestPermission) {
|
||
return false;
|
||
}
|
||
// if permission is already granted, assume support
|
||
if (window.Notification.permission === 'granted') {
|
||
return true;
|
||
}
|
||
|
||
try {
|
||
new window.Notification('');
|
||
} catch (e) {
|
||
if (e.name === 'TypeError') {
|
||
return false;
|
||
}
|
||
}
|
||
|
||
return true;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Page Visibility API",
|
||
"property": "pagevisibility",
|
||
"caniuse": "pagevisibility",
|
||
"tags": ["performance"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/DOM/Using_the_Page_Visibility_API"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/2011/WD-page-visibility-20110602/"
|
||
}, {
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/pagevisibility/intro/"
|
||
}],
|
||
"polyfills": ["visibilityjs", "visiblyjs", "jquery-visibility"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Page Visibility API, which can be used to disable unnecessary actions and otherwise improve user experience.
|
||
*/
|
||
|
||
Modernizr.addTest('pagevisibility', !!prefixed('hidden', document, false));
|
||
|
||
/*!
|
||
{
|
||
"name": "Navigation Timing API",
|
||
"property": "performance",
|
||
"caniuse": "nav-timing",
|
||
"tags": ["performance"],
|
||
"authors": ["Scott Murphy (@uxder)"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/navigation-timing/"
|
||
}, {
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/webperformance/basics/"
|
||
}],
|
||
"polyfills": ["perfnow"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Navigation Timing API, for measuring browser and connection performance.
|
||
*/
|
||
|
||
Modernizr.addTest('performance', !!prefixed('performance', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "DOM Pointer Events API",
|
||
"property": "pointerevents",
|
||
"caniuse": "pointer",
|
||
"tags": ["input"],
|
||
"authors": ["Stu Cox"],
|
||
"notes": [{
|
||
"name": "W3C Spec (Pointer Events)",
|
||
"href": "https://www.w3.org/TR/pointerevents/"
|
||
}, {
|
||
"name": "W3C Spec (Pointer Events Level 2)",
|
||
"href": "https://www.w3.org/TR/pointerevents2/"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent"
|
||
}],
|
||
"warnings": ["This property name now refers to W3C DOM PointerEvents: https://github.com/Modernizr/Modernizr/issues/548#issuecomment-12812099"],
|
||
"polyfills": ["pep"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the DOM Pointer Events API, which provides a unified event interface for pointing input devices, as implemented in IE10+, Edge and Blink.
|
||
*/
|
||
|
||
// **Test name hijacked!**
|
||
// Now refers to W3C DOM PointerEvents spec rather than the CSS pointer-events property.
|
||
Modernizr.addTest('pointerevents', function() {
|
||
// Cannot use `.prefixed()` for events, so test each prefix
|
||
for (var i = 0, len = domPrefixesAll.length; i < len; i++) {
|
||
if (hasEvent(domPrefixesAll[i] + 'pointerdown')) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Pointer Lock API",
|
||
"property": "pointerlock",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/API/Pointer_Lock_API"
|
||
}],
|
||
"builderAliases": ["pointerlock_api"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support the pointer lock API which allows you to lock the mouse cursor to the browser window.
|
||
*/
|
||
|
||
// https://developer.mozilla.org/en-US/docs/API/Pointer_Lock_API
|
||
Modernizr.addTest('pointerlock', !!prefixed('exitPointerLock', document));
|
||
|
||
/*!
|
||
{
|
||
"name": "postMessage",
|
||
"property": "postmessage",
|
||
"caniuse": "x-doc-messaging",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/webmessaging/#crossDocumentMessages"
|
||
}],
|
||
"polyfills": ["easyxdm", "postmessage-jquery"],
|
||
"knownBugs": ["structuredclones - Android 2&3 can not send a structured clone of dates, filelists or regexps"],
|
||
"warnings": ["Some old WebKit versions have bugs. Stick with object, array, number and pixeldata to be safe."]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `window.postMessage` protocol for cross-document messaging.
|
||
`Modernizr.postmessage.structuredclones` reports if `postMessage` can send objects.
|
||
*/
|
||
|
||
var bool = true;
|
||
try {
|
||
window.postMessage({ toString: function () { bool = false; } }, '*');
|
||
} catch (e) {}
|
||
|
||
Modernizr.addTest('postmessage', new Boolean('postMessage' in window));
|
||
Modernizr.addTest('postmessage.structuredclones', bool);
|
||
|
||
/*!
|
||
{
|
||
"name": "Proximity API",
|
||
"property": "proximity",
|
||
"authors": ["Cătălin Mariș"],
|
||
"tags": ["events", "proximity"],
|
||
"caniuse": "proximity",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Proximity_Events"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/proximity/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for an API that allows users to get proximity related information from the device's proximity sensor.
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
var timeout;
|
||
var timeoutTime = 300;
|
||
|
||
function advertiseSupport() {
|
||
|
||
// Clean up after ourselves
|
||
clearTimeout(timeout);
|
||
window.removeEventListener('deviceproximity', advertiseSupport);
|
||
|
||
// Advertise support as the browser supports
|
||
// the API and the device has a proximity sensor
|
||
addTest('proximity', true);
|
||
|
||
}
|
||
|
||
// Check if the browser has support for the API
|
||
if ('ondeviceproximity' in window && 'onuserproximity' in window) {
|
||
|
||
// Check if the device has a proximity sensor
|
||
// ( devices without such a sensor support the events but
|
||
// will never fire them resulting in a false positive )
|
||
window.addEventListener('deviceproximity', advertiseSupport);
|
||
|
||
// If the event doesn't fire in a reasonable amount of time,
|
||
// it means that the device doesn't have a proximity sensor,
|
||
// thus, we can advertise the "lack" of support
|
||
timeout = setTimeout(function() {
|
||
window.removeEventListener('deviceproximity', advertiseSupport);
|
||
addTest('proximity', false);
|
||
}, timeoutTime);
|
||
|
||
} else {
|
||
addTest('proximity', false);
|
||
}
|
||
|
||
});
|
||
|
||
|
||
/*!
|
||
{
|
||
"name": "Proxy Object",
|
||
"property": "proxy",
|
||
"caniuse": "proxy",
|
||
"authors": ["Brock Beaudry"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy"
|
||
}],
|
||
"polyfills": [
|
||
"harmony-reflect"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Proxy object which is used to create dynamic proxies.
|
||
*/
|
||
|
||
Modernizr.addTest('proxy', 'Proxy' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "QuerySelector",
|
||
"property": "queryselector",
|
||
"caniuse": "queryselector",
|
||
"tags": ["queryselector"],
|
||
"authors": ["Andrew Betts (@triblondon)"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/selectors-api/#queryselectorall"
|
||
}],
|
||
"polyfills": ["css-selector-engine"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for querySelector.
|
||
*/
|
||
|
||
Modernizr.addTest('queryselector', 'querySelector' in document && 'querySelectorAll' in document);
|
||
|
||
/*!
|
||
{
|
||
"name": "Quota Storage Management API",
|
||
"property": "quotamanagement",
|
||
"tags": ["storage"],
|
||
"builderAliases": ["quota_management_api"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/quota-api/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects the ability to request a specific amount of space for filesystem access
|
||
*/
|
||
|
||
Modernizr.addTest('quotamanagement', function() {
|
||
var tempStorage = prefixed('temporaryStorage', navigator);
|
||
var persStorage = prefixed('persistentStorage', navigator);
|
||
|
||
return !!(tempStorage && persStorage);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "rel=prefetch",
|
||
"property": "prefetch",
|
||
"caniuse": "link-rel-prefetch",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/resource-hints/#prefetch"
|
||
}, {
|
||
"name": "Related Github Issue",
|
||
"href": "https://github.com/Modernizr/Modernizr/issues/2536"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Test for resource hints: prefetch.
|
||
*/
|
||
|
||
Modernizr.addTest("prefetch", function() {
|
||
if (document.documentMode === 11) {
|
||
// Need to check specifically for IE11 as it supports prefetch, but not relList
|
||
// https://github.com/Modernizr/Modernizr/pull/2610#issuecomment-709717161
|
||
return true;
|
||
}
|
||
|
||
var relList = createElement("link").relList;
|
||
if (!relList || !relList.supports) {
|
||
return false;
|
||
}
|
||
|
||
return relList.supports("prefetch");
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "requestAnimationFrame",
|
||
"property": "requestanimationframe",
|
||
"aliases": ["raf"],
|
||
"caniuse": "requestanimationframe",
|
||
"tags": ["animation"],
|
||
"authors": ["Addy Osmani"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/animation-timing/"
|
||
}],
|
||
"polyfills": ["raf"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `window.requestAnimationFrame` API, for offloading animation repainting to the browser for optimized performance.
|
||
*/
|
||
|
||
Modernizr.addTest('requestanimationframe', !!prefixed('requestAnimationFrame', window), {aliases: ['raf']});
|
||
|
||
/*!
|
||
{
|
||
"name": "script[async]",
|
||
"property": "scriptasync",
|
||
"caniuse": "script-async",
|
||
"tags": ["script"],
|
||
"builderAliases": ["script_async"],
|
||
"authors": ["Theodoor van Donge"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `async` attribute on the `<script>` element.
|
||
*/
|
||
|
||
Modernizr.addTest('scriptasync', 'async' in createElement('script'));
|
||
|
||
/*!
|
||
{
|
||
"name": "script[defer]",
|
||
"property": "scriptdefer",
|
||
"caniuse": "script-defer",
|
||
"tags": ["script"],
|
||
"builderAliases": ["script_defer"],
|
||
"authors": ["Theodoor van Donge"],
|
||
"warnings": ["Browser implementation of the `defer` attribute vary: https://stackoverflow.com/questions/3952009/defer-attribute-chrome#answer-3982619"],
|
||
"knownBugs": ["False positive in Opera 12"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `defer` attribute on the `<script>` element.
|
||
*/
|
||
|
||
Modernizr.addTest('scriptdefer', 'defer' in createElement('script'));
|
||
|
||
/*!
|
||
{
|
||
"name": "scrollToOptions dictionary",
|
||
"property": "scrolltooptions",
|
||
"caniuse": "mdn-api_scrolltooptions",
|
||
"notes": [{
|
||
"name": "MDN docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo"
|
||
}],
|
||
"authors": ["Oliver Tušla (@asmarcz)", "Chris Smith (@chris13524)"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('scrolltooptions', function () {
|
||
var body = getBody();
|
||
var returnTo = window.pageYOffset;
|
||
var needsFill = body.clientHeight <= window.innerHeight;
|
||
if (needsFill) {
|
||
var div = createElement('div');
|
||
div.style.height = (window.innerHeight - body.clientHeight + 1) + 'px';
|
||
div.style.display = 'block';
|
||
body.appendChild(div);
|
||
}
|
||
window.scrollTo({
|
||
top: 1
|
||
});
|
||
var result = window.pageYOffset !== 0;
|
||
if (needsFill) {
|
||
body.removeChild(div);
|
||
}
|
||
window.scrollTo(0, returnTo);
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "ServiceWorker API",
|
||
"property": "serviceworker",
|
||
"caniuse": "serviceworkers",
|
||
"notes": [{
|
||
"name": "ServiceWorkers Explained",
|
||
"href": "https://github.com/slightlyoff/ServiceWorker/blob/master/explainer.md"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
ServiceWorkers (formerly Navigation Controllers) are a way to persistently cache resources to built apps that work better offline.
|
||
*/
|
||
|
||
Modernizr.addTest('serviceworker', 'serviceWorker' in navigator);
|
||
|
||
/*!
|
||
{
|
||
"property": "speechrecognition",
|
||
"caniuse": "speech-recognition",
|
||
"tags": ["input", "speech"],
|
||
"authors": ["Cătălin Mariș"],
|
||
"name": "Speech Recognition API",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/speech-api/speechapi.html#speechreco-section"
|
||
}, {
|
||
"name": "Introduction to the Web Speech API",
|
||
"href": "https://developers.google.com/web/updates/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-API"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('speechrecognition', function() {
|
||
try {
|
||
return !!prefixed('SpeechRecognition', window);
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"property": "speechsynthesis",
|
||
"caniuse": "speech-synthesis",
|
||
"tags": ["input", "speech"],
|
||
"authors": ["Cătălin Mariș"],
|
||
"name": "Speech Synthesis API",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/speech-api/speechapi.html#tts-section"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('speechsynthesis', function() {
|
||
try {
|
||
return 'SpeechSynthesisUtterance' in window;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "IndexedDB 2.0",
|
||
"property": "indexeddb2",
|
||
"tags": ["storage"],
|
||
"caniuse": "indexeddb2",
|
||
"authors": ["Tan Zhen Yong (@Xenonym)"],
|
||
"polyfills": ["indexeddb"],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the IndexedDB 2.0 client-side storage API.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
Modernizr.on('indexeddb', function(result) {
|
||
if (!result) return;
|
||
addTest('indexeddb2', 'getAll' in IDBIndex.prototype);
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Local Storage",
|
||
"property": "localstorage",
|
||
"caniuse": "namevalue-storage",
|
||
"tags": ["storage"],
|
||
"polyfills": [
|
||
"joshuabell-polyfill",
|
||
"cupcake",
|
||
"storagepolyfill",
|
||
"amplifyjs",
|
||
"yui-cacheoffline"
|
||
]
|
||
}
|
||
!*/
|
||
|
||
// In FF4, if disabled, window.localStorage should === null.
|
||
|
||
// Normally, we could not test that directly and need to do a
|
||
// `('localStorage' in window)` test first because otherwise Firefox will
|
||
// throw bugzil.la/365772 if cookies are disabled
|
||
|
||
// Similarly, in Chrome with "Block third-party cookies and site data" enabled,
|
||
// attempting to access `window.sessionStorage` will throw an exception. crbug.com/357625
|
||
|
||
// Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
|
||
// will throw the exception:
|
||
// QUOTA_EXCEEDED_ERROR DOM Exception 22.
|
||
// Peculiarly, getItem and removeItem calls do not throw.
|
||
|
||
// Because we are forced to try/catch this, we'll go aggressive.
|
||
|
||
// Just FWIW: IE8 Compat mode supports these features completely:
|
||
// www.quirksmode.org/dom/html5.html
|
||
// But IE8 doesn't support either with local files
|
||
|
||
Modernizr.addTest('localstorage', function() {
|
||
var mod = 'modernizr';
|
||
try {
|
||
localStorage.setItem(mod, mod);
|
||
localStorage.removeItem(mod);
|
||
return true;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Session Storage",
|
||
"property": "sessionstorage",
|
||
"tags": ["storage"],
|
||
"polyfills": ["joshuabell-polyfill", "cupcake", "sessionstorage"]
|
||
}
|
||
!*/
|
||
|
||
// Because we are forced to try/catch this, we'll go aggressive.
|
||
|
||
// Just FWIW: IE8 Compat mode supports these features completely:
|
||
// www.quirksmode.org/dom/html5.html
|
||
// But IE8 doesn't support either with local files
|
||
Modernizr.addTest('sessionstorage', function() {
|
||
var mod = 'modernizr';
|
||
try {
|
||
sessionStorage.setItem(mod, mod);
|
||
sessionStorage.removeItem(mod);
|
||
return true;
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Web SQL Database",
|
||
"property": "websqldatabase",
|
||
"caniuse": "sql-storage",
|
||
"tags": ["storage"]
|
||
}
|
||
!*/
|
||
|
||
// Chrome incognito mode used to throw an exception when using openDatabase
|
||
// It doesn't anymore.
|
||
Modernizr.addTest('websqldatabase', 'openDatabase' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "style[scoped]",
|
||
"property": "stylescoped",
|
||
"caniuse": "style-scoped",
|
||
"tags": ["dom"],
|
||
"builderAliases": ["style_scoped"],
|
||
"authors": ["Cătălin Mariș"],
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://html.spec.whatwg.org/multipage/semantics.html#attr-style-scoped"
|
||
}],
|
||
"polyfills": ["scoped-styles"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Support for the `scoped` attribute of the `<style>` element.
|
||
*/
|
||
|
||
Modernizr.addTest('stylescoped', 'scoped' in createElement('style'));
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG",
|
||
"property": "svg",
|
||
"caniuse": "svg",
|
||
"tags": ["svg"],
|
||
"authors": ["Erik Dahlstrom"],
|
||
"polyfills": [
|
||
"svgweb",
|
||
"raphael",
|
||
"amplesdk",
|
||
"canvg",
|
||
"svg-boilerplate",
|
||
"sie",
|
||
"dojogfx",
|
||
"fabricjs"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for SVG in `<embed>` or `<object>` elements.
|
||
*/
|
||
|
||
Modernizr.addTest('svg', !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect);
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG as an <img> tag source",
|
||
"property": "svgasimg",
|
||
"caniuse": "svg-img",
|
||
"tags": ["svg"],
|
||
"aliases": ["svgincss"],
|
||
"authors": ["Chris Coyier"],
|
||
"notes": [{
|
||
"name": "HTML5 Spec",
|
||
"href": "https://www.w3.org/TR/html5/embedded-content-0.html#the-img-element"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
|
||
// Original Async test by Stu Cox
|
||
// https://gist.github.com/chriscoyier/8774501
|
||
|
||
// Now a Sync test based on good results here
|
||
// https://codepen.io/chriscoyier/pen/bADFx
|
||
|
||
// Note http://www.w3.org/TR/SVG11/feature#Image is *supposed* to represent
|
||
// support for the `<image>` tag in SVG, not an SVG file linked from an `<img>`
|
||
// tag in HTML – but it’s a heuristic which works
|
||
Modernizr.addTest('svgasimg', document.implementation.hasFeature('http://www.w3.org/TR/SVG11/feature#Image', '1.1'));
|
||
|
||
|
||
/**
|
||
* Object.prototype.toString can be used with every object and allows you to
|
||
* get its class easily. Abstracting it off of an object prevents situations
|
||
* where the toString property has been overridden
|
||
*
|
||
* @access private
|
||
* @function toStringFn
|
||
* @returns {Function} An abstracted toString function
|
||
*/
|
||
var toStringFn = ({}).toString;
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG clip paths",
|
||
"property": "svgclippaths",
|
||
"tags": ["svg"],
|
||
"notes": [{
|
||
"name": "Demo",
|
||
"href": "http://srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for clip paths in SVG (only, not on HTML content).
|
||
|
||
See [this discussion](https://github.com/Modernizr/Modernizr/issues/213) regarding applying SVG clip paths to HTML content.
|
||
*/
|
||
|
||
Modernizr.addTest('svgclippaths', function() {
|
||
return !!document.createElementNS &&
|
||
/SVGClipPath/.test(toStringFn.call(document.createElementNS('http://www.w3.org/2000/svg', 'clipPath')));
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG filters",
|
||
"property": "svgfilters",
|
||
"caniuse": "svg-filters",
|
||
"tags": ["svg"],
|
||
"builderAliases": ["svg_filters"],
|
||
"authors": ["Erik Dahlstrom"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/SVG11/filters.html"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// Should fail in Safari: https://stackoverflow.com/questions/9739955/feature-detecting-support-for-svg-filters.
|
||
Modernizr.addTest('svgfilters', function() {
|
||
var result = false;
|
||
try {
|
||
result = 'SVGFEColorMatrixElement' in window &&
|
||
SVGFEColorMatrixElement.SVG_FECOLORMATRIX_TYPE_SATURATE === 2;
|
||
}
|
||
catch (e) {}
|
||
return result;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG foreignObject",
|
||
"property": "svgforeignobject",
|
||
"tags": ["svg"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/SVG11/extend.html"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for foreignObject tag in SVG.
|
||
*/
|
||
|
||
Modernizr.addTest('svgforeignobject', function() {
|
||
return !!document.createElementNS &&
|
||
/SVGForeignObject/.test(toStringFn.call(document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject')));
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Inline SVG",
|
||
"property": "inlinesvg",
|
||
"caniuse": "svg-html5",
|
||
"tags": ["svg"],
|
||
"notes": [{
|
||
"name": "Test page",
|
||
"href": "https://paulirish.com/demo/inline-svg"
|
||
}, {
|
||
"name": "Test page and results",
|
||
"href": "https://codepen.io/eltonmesquita/full/GgXbvo/"
|
||
}],
|
||
"polyfills": ["inline-svg-polyfill"],
|
||
"knownBugs": ["False negative on some Chromia browsers."]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for inline SVG in HTML (not within XHTML).
|
||
*/
|
||
|
||
Modernizr.addTest('inlinesvg', function() {
|
||
var div = createElement('div');
|
||
div.innerHTML = '<svg/>';
|
||
return (typeof SVGRect !== 'undefined' && div.firstChild && div.firstChild.namespaceURI) === 'http://www.w3.org/2000/svg';
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "SVG SMIL animation",
|
||
"property": "smil",
|
||
"caniuse": "svg-smil",
|
||
"tags": ["svg"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/AudioVideo/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
// SVG SMIL animation
|
||
Modernizr.addTest('smil', function() {
|
||
return !!document.createElementNS &&
|
||
/SVGAnimate/.test(toStringFn.call(document.createElementNS('http://www.w3.org/2000/svg', 'animate')));
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Template strings",
|
||
"property": "templatestrings",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#Browser_compatibility"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Template strings are string literals allowing embedded expressions.
|
||
*/
|
||
|
||
Modernizr.addTest('templatestrings', function() {
|
||
var supports;
|
||
try {
|
||
// A number of tools, including uglifyjs and require, break on a raw "`", so
|
||
// use an eval to get around that.
|
||
// eslint-disable-next-line
|
||
eval('``');
|
||
supports = true;
|
||
} catch (e) {}
|
||
return !!supports;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "textarea maxlength",
|
||
"property": "textareamaxlength",
|
||
"aliases": ["textarea-maxlength"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea"
|
||
}],
|
||
"polyfills": ["maxlength"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect support for the maxlength attribute of a textarea element
|
||
*/
|
||
|
||
Modernizr.addTest('textareamaxlength', !!('maxLength' in createElement('textarea')));
|
||
|
||
/*!
|
||
{
|
||
"name": "Text Encoding/Decoding",
|
||
"property": ["textencoder", "textdecoder"],
|
||
"caniuse" : "textencoder",
|
||
"notes": [{
|
||
"name": "MDN TextEncoder Doc",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/TextEncoder"
|
||
}, {
|
||
"name": "MDN TextDecoder Doc",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/TextDecoder"
|
||
}],
|
||
"authors": ["dabretin"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('textencoder', !!(window.TextEncoder && window.TextEncoder.prototype.encode));
|
||
Modernizr.addTest('textdecoder', !!(window.TextDecoder && window.TextDecoder.prototype.decode));
|
||
|
||
/*!
|
||
{
|
||
"name": "Typed arrays",
|
||
"property": "typedarrays",
|
||
"caniuse": "typedarrays",
|
||
"tags": ["js"],
|
||
"authors": ["Stanley Stuart (@fivetanley)"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Typed_arrays"
|
||
}, {
|
||
"name": "Kronos spec",
|
||
"href": "http://www.ecma-international.org/ecma-262/6.0/#sec-typedarray-objects"
|
||
}],
|
||
"polyfills": ["joshuabell-polyfill"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for native binary data manipulation via Typed Arrays in JavaScript.
|
||
|
||
Does not check for DataView support; use `Modernizr.dataview` for that.
|
||
*/
|
||
|
||
// Should fail in:
|
||
// Internet Explorer <= 9
|
||
// Firefox <= 3.6
|
||
// Chrome <= 6.0
|
||
// iOS Safari < 4.2
|
||
// Safari < 5.1
|
||
// Opera < 11.6
|
||
// Opera Mini, <= 7.0
|
||
// Android Browser < 4.0
|
||
// Blackberry Browser < 10.0
|
||
|
||
Modernizr.addTest('typedarrays', 'ArrayBuffer' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Unicode Range",
|
||
"property": "unicoderange",
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/2013/CR-css-fonts-3-20131003/#descdef-unicode-range"
|
||
}, {
|
||
"name": "24 Way article",
|
||
"href": "https://24ways.org/2011/creating-custom-font-stacks-with-unicode-range"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('unicoderange', function() {
|
||
|
||
return testStyles('@font-face{font-family:"unicodeRange";src:local("Arial");unicode-range:U+0020,U+002E}#modernizr span{font-size:20px;display:inline-block;font-family:"unicodeRange",monospace}#modernizr .mono{font-family:monospace}', function(elem) {
|
||
|
||
// we use specify a unicode-range of 002E (the `.` glyph,
|
||
// and a monospace font as the fallback. If the first of
|
||
// these test glyphs is a different width than the other
|
||
// the other three (which are all monospace), then we
|
||
// have a winner.
|
||
var testGlyphs = ['.', '.', 'm', 'm'];
|
||
|
||
for (var i = 0; i < testGlyphs.length; i++) {
|
||
var elm = createElement('span');
|
||
elm.innerHTML = testGlyphs[i];
|
||
elm.className = i % 2 ? 'mono' : '';
|
||
elem.appendChild(elm);
|
||
testGlyphs[i] = elm.clientWidth;
|
||
}
|
||
|
||
return (testGlyphs[0] !== testGlyphs[1] && testGlyphs[2] === testGlyphs[3]);
|
||
});
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Blob URLs",
|
||
"property": "bloburls",
|
||
"caniuse": "bloburls",
|
||
"notes": [{
|
||
"name": "W3C Working Draft Spec",
|
||
"href": "https://www.w3.org/TR/FileAPI/#creating-revoking"
|
||
}],
|
||
"tags": ["file", "url"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for creating Blob URLs
|
||
*/
|
||
|
||
var url = prefixed('URL', window, false);
|
||
url = url && window[url];
|
||
Modernizr.addTest('bloburls', url && 'revokeObjectURL' in url && 'createObjectURL' in url);
|
||
|
||
/*!
|
||
{
|
||
"name": "Data URI",
|
||
"property": "datauri",
|
||
"caniuse": "datauri",
|
||
"tags": ["url"],
|
||
"builderAliases": ["url_data_uri"],
|
||
"async": true,
|
||
"notes": [{
|
||
"name": "Wikipedia article",
|
||
"href": "https://en.wikipedia.org/wiki/Data_URI_scheme"
|
||
}],
|
||
"warnings": ["Support in Internet Explorer 8 is limited to images and linked resources like CSS files, not HTML files"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for data URIs. Provides a subproperty to report support for data URIs over 32kb in size:
|
||
|
||
```javascript
|
||
Modernizr.datauri // true
|
||
Modernizr.datauri.over32kb // false in IE8
|
||
```
|
||
*/
|
||
|
||
// https://github.com/Modernizr/Modernizr/issues/14
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
// IE7 throw a mixed content warning on HTTPS for this test, so we'll
|
||
// just reject it (we know it doesn't support data URIs anyway)
|
||
// https://github.com/Modernizr/Modernizr/issues/362
|
||
if (navigator.userAgent.indexOf('MSIE 7.') !== -1) {
|
||
// Keep the test async
|
||
setTimeout(function() {
|
||
Modernizr.addTest('datauri', new Boolean(false));
|
||
}, 10);
|
||
}
|
||
|
||
var datauri = new Image();
|
||
|
||
datauri.onerror = function() {
|
||
Modernizr.addTest('datauri', new Boolean(false));
|
||
};
|
||
datauri.onload = function() {
|
||
if (datauri.width === 1 && datauri.height === 1) {
|
||
testOver32kb();
|
||
}
|
||
else {
|
||
Modernizr.addTest('datauri', new Boolean(false));
|
||
}
|
||
};
|
||
|
||
datauri.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
|
||
|
||
// Once we have datauri, let's check to see if we can use data URIs over
|
||
// 32kb (IE8 can't). https://github.com/Modernizr/Modernizr/issues/321
|
||
function testOver32kb() {
|
||
|
||
var datauriBig = new Image();
|
||
|
||
datauriBig.onerror = function() {
|
||
Modernizr.addTest('datauri', new Boolean(true));
|
||
Modernizr.addTest('datauri.over32kb', false);
|
||
};
|
||
datauriBig.onload = function() {
|
||
Modernizr.addTest('datauri', new Boolean(true));
|
||
Modernizr.addTest('datauri.over32kb', datauriBig.width === 1 && datauriBig.height === 1);
|
||
};
|
||
|
||
var base64str = 'R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==';
|
||
while (base64str.length < 33000) {
|
||
base64str = '\r\n' + base64str;
|
||
}
|
||
datauriBig.src = 'data:image/gif;base64,' + base64str;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "URL parser",
|
||
"property": "urlparser",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://url.spec.whatwg.org/"
|
||
}],
|
||
"polyfills": ["urlparser"],
|
||
"authors": ["Ron Waldon (@jokeyrhyme)"],
|
||
"tags": ["url"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Check if browser implements the URL constructor for parsing URLs.
|
||
*/
|
||
|
||
Modernizr.addTest('urlparser', function() {
|
||
var url;
|
||
try {
|
||
// have to actually try use it, because Safari defines a dud constructor
|
||
url = new URL('http://modernizr.com/');
|
||
return url.href === 'http://modernizr.com/';
|
||
} catch (e) {
|
||
return false;
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"property": "urlsearchparams",
|
||
"caniuse": "urlsearchparams",
|
||
"tags": ["querystring", "url"],
|
||
"authors": ["Cătălin Mariș"],
|
||
"name": "URLSearchParams API",
|
||
"notes": [{
|
||
"name": "WHATWG Spec",
|
||
"href": "https://url.spec.whatwg.org/#interface-urlsearchparams"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for an API that provides utility methods for working with the query string of a URL.
|
||
*/
|
||
|
||
Modernizr.addTest('urlsearchparams', 'URLSearchParams' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "IE User Data API",
|
||
"property": "userdata",
|
||
"tags": ["storage"],
|
||
"authors": ["@stereobooster"],
|
||
"notes": [{
|
||
"name": "MSDN Documentation",
|
||
"href": "https://msdn.microsoft.com/en-us/library/ms531424.aspx"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for IE userData for persisting data, an API similar to localStorage but supported since IE5.
|
||
*/
|
||
|
||
Modernizr.addTest('userdata', !!createElement('div').addBehavior);
|
||
|
||
/*!
|
||
{
|
||
"name": "Vibration API",
|
||
"property": "vibrate",
|
||
"caniuse": "vibration",
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en/DOM/window.navigator.mozVibrate"
|
||
}, {
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/vibration/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the API that provides access to the vibration mechanism of the hosting device, to provide tactile feedback.
|
||
*/
|
||
|
||
Modernizr.addTest('vibrate', !!prefixed('vibrate', navigator));
|
||
|
||
/*!
|
||
{
|
||
"name": "HTML5 Video",
|
||
"property": "video",
|
||
"caniuse": "video",
|
||
"tags": ["html5", "video", "media"],
|
||
"knownBugs": ["Without QuickTime, `Modernizr.video.h264` will be `undefined`; https://github.com/Modernizr/Modernizr/issues/546"],
|
||
"polyfills": [
|
||
"html5media",
|
||
"mediaelementjs",
|
||
"sublimevideo",
|
||
"videojs",
|
||
"leanbackplayer",
|
||
"videoforeverybody"
|
||
]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the video element, as well as testing what types of content it supports.
|
||
|
||
Subproperties are provided to describe support for `ogg`, `h264`, `h265`, `webm`, `vp9`, `hls` and `av1` formats, e.g.:
|
||
|
||
```javascript
|
||
Modernizr.video // true
|
||
Modernizr.video.ogg // 'probably'
|
||
```
|
||
*/
|
||
|
||
// Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
|
||
// thx to NielsLeenheer and zcorpan
|
||
|
||
// Note: in some older browsers, "no" was a return value instead of empty string.
|
||
// It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
|
||
// It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
|
||
(function() {
|
||
var elem = createElement('video');
|
||
|
||
Modernizr.addTest('video', function() {
|
||
var bool = false;
|
||
try {
|
||
bool = !!elem.canPlayType;
|
||
if (bool) {
|
||
bool = new Boolean(bool);
|
||
}
|
||
} catch (e) {}
|
||
|
||
return bool;
|
||
});
|
||
|
||
// IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
|
||
try {
|
||
if (!!elem.canPlayType) {
|
||
Modernizr.addTest('video.ogg', elem.canPlayType('video/ogg; codecs="theora"').replace(/^no$/, ''));
|
||
|
||
// Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
|
||
Modernizr.addTest('video.h264', elem.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/, ''));
|
||
Modernizr.addTest('video.h265', elem.canPlayType('video/mp4; codecs="hev1"').replace(/^no$/, ''));
|
||
Modernizr.addTest('video.webm', elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/, ''));
|
||
Modernizr.addTest('video.vp9', elem.canPlayType('video/webm; codecs="vp9"').replace(/^no$/, ''));
|
||
Modernizr.addTest('video.hls', elem.canPlayType('application/x-mpegURL; codecs="avc1.42E01E"').replace(/^no$/, ''));
|
||
Modernizr.addTest('video.av1', elem.canPlayType('video/mp4; codecs="av01"').replace(/^no$/, ''));
|
||
}
|
||
} catch (e) {}
|
||
})();
|
||
|
||
/*!
|
||
{
|
||
"name": "Video Autoplay",
|
||
"property": "videoautoplay",
|
||
"tags": ["video"],
|
||
"async": true,
|
||
"warnings": ["This test is very large – only include it if you absolutely need it"],
|
||
"knownBugs": ["crashes with an alert on iOS7 when added to homescreen"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Checks for support of the autoplay attribute of the video element.
|
||
*/
|
||
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var timeout;
|
||
var waitTime = 200;
|
||
var retries = 5;
|
||
var currentTry = 0;
|
||
var elem = createElement('video');
|
||
var elemStyle = elem.style;
|
||
|
||
function testAutoplay(arg) {
|
||
currentTry++;
|
||
clearTimeout(timeout);
|
||
|
||
var result = arg && arg.type === 'playing' || elem.currentTime !== 0;
|
||
|
||
if (!result && currentTry < retries) {
|
||
//Detection can be flaky if the browser is slow, so lets retry in a little bit
|
||
timeout = setTimeout(testAutoplay, waitTime);
|
||
return;
|
||
}
|
||
|
||
elem.removeEventListener('playing', testAutoplay, false);
|
||
addTest('videoautoplay', result);
|
||
|
||
// Cleanup, but don't assume elem is still in the page -
|
||
// an extension (eg Flashblock) may already have removed it.
|
||
if (elem.parentNode) {
|
||
elem.parentNode.removeChild(elem);
|
||
}
|
||
}
|
||
|
||
//skip the test if video itself, or the autoplay
|
||
//element on it isn't supported
|
||
if (!Modernizr.video || !('autoplay' in elem)) {
|
||
addTest('videoautoplay', false);
|
||
return;
|
||
}
|
||
|
||
elemStyle.position = 'absolute';
|
||
elemStyle.height = 0;
|
||
elemStyle.width = 0;
|
||
|
||
try {
|
||
if (Modernizr.video.ogg) {
|
||
elem.src = 'data:video/ogg;base64,T2dnUwACAAAAAAAAAABmnCATAAAAAHDEixYBKoB0aGVvcmEDAgEAAQABAAAQAAAQAAAAAAAFAAAAAQAAAAAAAAAAAGIAYE9nZ1MAAAAAAAAAAAAAZpwgEwEAAAACrA7TDlj///////////////+QgXRoZW9yYSsAAABYaXBoLk9yZyBsaWJ0aGVvcmEgMS4xIDIwMDkwODIyIChUaHVzbmVsZGEpAQAAABoAAABFTkNPREVSPWZmbXBlZzJ0aGVvcmEtMC4yOYJ0aGVvcmG+zSj3uc1rGLWpSUoQc5zmMYxSlKQhCDGMYhCEIQhAAAAAAAAAAAAAEW2uU2eSyPxWEvx4OVts5ir1aKtUKBMpJFoQ/nk5m41mUwl4slUpk4kkghkIfDwdjgajQYC8VioUCQRiIQh8PBwMhgLBQIg4FRba5TZ5LI/FYS/Hg5W2zmKvVoq1QoEykkWhD+eTmbjWZTCXiyVSmTiSSCGQh8PB2OBqNBgLxWKhQJBGIhCHw8HAyGAsFAiDgUCw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDAwPEhQUFQ0NDhESFRUUDg4PEhQVFRUOEBETFBUVFRARFBUVFRUVEhMUFRUVFRUUFRUVFRUVFRUVFRUVFRUVEAwLEBQZGxwNDQ4SFRwcGw4NEBQZHBwcDhATFhsdHRwRExkcHB4eHRQYGxwdHh4dGxwdHR4eHh4dHR0dHh4eHRALChAYKDM9DAwOExo6PDcODRAYKDlFOA4RFh0zV1A+EhYlOkRtZ00YIzdAUWhxXDFATldneXhlSFxfYnBkZ2MTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTEhIVGRoaGhoSFBYaGhoaGhUWGRoaGhoaGRoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhoaGhESFh8kJCQkEhQYIiQkJCQWGCEkJCQkJB8iJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQREhgvY2NjYxIVGkJjY2NjGBo4Y2NjY2MvQmNjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRUVFRISEhUXGBkbEhIVFxgZGxwSFRcYGRscHRUXGBkbHB0dFxgZGxwdHR0YGRscHR0dHhkbHB0dHR4eGxwdHR0eHh4REREUFxocIBERFBcaHCAiERQXGhwgIiUUFxocICIlJRcaHCAiJSUlGhwgIiUlJSkcICIlJSUpKiAiJSUlKSoqEBAQFBgcICgQEBQYHCAoMBAUGBwgKDBAFBgcICgwQEAYHCAoMEBAQBwgKDBAQEBgICgwQEBAYIAoMEBAQGCAgAfF5cdH1e3Ow/L66wGmYnfIUbwdUTe3LMRbqON8B+5RJEvcGxkvrVUjTMrsXYhAnIwe0dTJfOYbWrDYyqUrz7dw/JO4hpmV2LsQQvkUeGq1BsZLx+cu5iV0e0eScJ91VIQYrmqfdVSK7GgjOU0oPaPOu5IcDK1mNvnD+K8LwS87f8Jx2mHtHnUkTGAurWZlNQa74ZLSFH9oF6FPGxzLsjQO5Qe0edcpttd7BXBSqMCL4k/4tFrHIPuEQ7m1/uIWkbDMWVoDdOSuRQ9286kvVUlQjzOE6VrNguN4oRXYGkgcnih7t13/9kxvLYKQezwLTrO44sVmMPgMqORo1E0sm1/9SludkcWHwfJwTSybR4LeAz6ugWVgRaY8mV/9SluQmtHrzsBtRF/wPY+X0JuYTs+ltgrXAmlk10xQHmTu9VSIAk1+vcvU4ml2oNzrNhEtQ3CysNP8UeR35wqpKUBdGdZMSjX4WVi8nJpdpHnbhzEIdx7mwf6W1FKAiucMXrWUWVjyRf23chNtR9mIzDoT/6ZLYailAjhFlZuvPtSeZ+2oREubDoWmT3TguY+JHPdRVSLKxfKH3vgNqJ/9emeEYikGXDFNzaLjvTeGAL61mogOoeG3y6oU4rW55ydoj0lUTSR/mmRhPmF86uwIfzp3FtiufQCmppaHDlGE0r2iTzXIw3zBq5hvaTldjG4CPb9wdxAme0SyedVKczJ9AtYbgPOzYKJvZZImsN7ecrxWZg5dR6ZLj/j4qpWsIA+vYwE+Tca9ounMIsrXMB4Stiib2SPQtZv+FVIpfEbzv8ncZoLBXc3YBqTG1HsskTTotZOYTG+oVUjLk6zhP8bg4RhMUNtfZdO7FdpBuXzhJ5Fh8IKlJG7wtD9ik8rWOJxy6iQ3NwzBpQ219mlyv+FLicYs2iJGSE0u2txzed++D61ZWCiHD/cZdQVCqkO2gJpdpNaObhnDfAPrT89RxdWFZ5hO3MseBSIlANppdZNIV/Rwe5eLTDvkfWKzFnH+QJ7m9QWV1KdwnuIwTNtZdJMoXBf74OhRnh2t+OTGL+AVUnIkyYY+QG7g9itHXyF3OIygG2s2kud679ZWKqSFa9n3IHD6MeLv1lZ0XyduRhiDRtrNnKoyiFVLcBm0ba5Yy3fQkDh4XsFE34isVpOzpa9nR8iCpS4HoxG2rJpnRhf3YboVa1PcRouh5LIJv/uQcPNd095ickTaiGBnWLKVWRc0OnYTSyex/n2FofEPnDG8y3PztHrzOLK1xo6RAml2k9owKajOC0Wr4D5x+3nA0UEhK2m198wuBHF3zlWWVKWLN1CHzLClUfuoYBcx4b1llpeBKmbayaR58njtE9onD66lUcsg0Spm2snsb+8HaJRn4dYcLbCuBuYwziB8/5U1C1DOOz2gZjSZtrLJk6vrLF3hwY4Io9xuT/ruUFRSBkNtUzTOWhjh26irLEPx4jPZL3Fo3QrReoGTTM21xYTT9oFdhTUIvjqTkfkvt0bzgVUjq/hOYY8j60IaO/0AzRBtqkTS6R5ellZd5uKdzzhb8BFlDdAcrwkE0rbXTOPB+7Y0FlZO96qFL4Ykg21StJs8qIW7h16H5hGiv8V2Cflau7QVDepTAHa6Lgt6feiEvJDM21StJsmOH/hynURrKxvUpQ8BH0JF7BiyG2qZpnL/7AOU66gt+reLEXY8pVOCQvSsBtqZTNM8bk9ohRcwD18o/WVkbvrceVKRb9I59IEKysjBeTMmmbA21xu/6iHadLRxuIzkLpi8wZYmmbbWi32RVAUjruxWlJ//iFxE38FI9hNKOoCdhwf5fDe4xZ81lgREhK2m1j78vW1CqkuMu/AjBNK210kzRUX/B+69cMMUG5bYrIeZxVSEZISmkzbXOi9yxwIfPgdsov7R71xuJ7rFcACjG/9PzApqFq7wEgzNJm2suWESPuwrQvejj7cbnQxMkxpm21lUYJL0fKmogPPqywn7e3FvB/FCNxPJ85iVUkCE9/tLKx31G4CgNtWTTPFhMvlu8G4/TrgaZttTChljfNJGgOT2X6EqpETy2tYd9cCBI4lIXJ1/3uVUllZEJz4baqGF64yxaZ+zPLYwde8Uqn1oKANtUrSaTOPHkhvuQP3bBlEJ/LFe4pqQOHUI8T8q7AXx3fLVBgSCVpMba55YxN3rv8U1Dv51bAPSOLlZWebkL8vSMGI21lJmmeVxPRwFlZF1CpqCN8uLwymaZyjbXHCRytogPN3o/n74CNykfT+qqRv5AQlHcRxYrC5KvGmbbUwmZY/29BvF6C1/93x4WVglXDLFpmbapmF89HKTogRwqqSlGbu+oiAkcWFbklC6Zhf+NtTLFpn8oWz+HsNRVSgIxZWON+yVyJlE5tq/+GWLTMutYX9ekTySEQPLVNQQ3OfycwJBM0zNtZcse7CvcKI0V/zh16Dr9OSA21MpmmcrHC+6pTAPHPwoit3LHHqs7jhFNRD6W8+EBGoSEoaZttTCZljfduH/fFisn+dRBGAZYtMzbVMwvul/T/crK1NQh8gN0SRRa9cOux6clC0/mDLFpmbarmF8/e6CopeOLCNW6S/IUUg3jJIYiAcDoMcGeRbOvuTPjXR/tyo79LK3kqqkbxkkMRAOB0GODPItnX3Jnxro/25Ud+llbyVVSN4ySGIgHA6DHBnkWzr7kz410f7cqO/Syt5KqpFVJwn6gBEvBM0zNtZcpGOEPiysW8vvRd2R0f7gtjhqUvXL+gWVwHm4XJDBiMpmmZtrLfPwd/IugP5+fKVSysH1EXreFAcEhelGmbbUmZY4Xdo1vQWVnK19P4RuEnbf0gQnR+lDCZlivNM22t1ESmopPIgfT0duOfQrsjgG4tPxli0zJmF5trdL1JDUIUT1ZXSqQDeR4B8mX3TrRro/2McGeUvLtwo6jIEKMkCUXWsLyZROd9P/rFYNtXPBli0z398iVUlVKAjFlY437JXImUTm2r/4ZYtMy61hf16RPJIU9nZ1MABAwAAAAAAAAAZpwgEwIAAABhp658BScAAAAAAADnUFBQXIDGXLhwtttNHDhw5OcpQRMETBEwRPduylKVB0HRdF0A';
|
||
}
|
||
else if (Modernizr.video.h264) {
|
||
elem.src = 'data:video/mp4;base64,AAAAIGZ0eXBpc29tAAACAGlzb21pc28yYXZjMW1wNDEAAAAIZnJlZQAAAs1tZGF0AAACrgYF//+q3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0OCByMjYwMSBhMGNkN2QzIC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENvcHlsZWZ0IDIwMDMtMjAxNSAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9wdGlvbnM6IGNhYmFjPTEgcmVmPTMgZGVibG9jaz0xOjA6MCBhbmFseXNlPTB4MzoweDExMyBtZT1oZXggc3VibWU9NyBwc3k9MSBwc3lfcmQ9MS4wMDowLjAwIG1peGVkX3JlZj0xIG1lX3JhbmdlPTE2IGNocm9tYV9tZT0xIHRyZWxsaXM9MSA4eDhkY3Q9MSBjcW09MCBkZWFkem9uZT0yMSwxMSBmYXN0X3Bza2lwPTEgY2hyb21hX3FwX29mZnNldD0tMiB0aHJlYWRzPTEgbG9va2FoZWFkX3RocmVhZHM9MSBzbGljZWRfdGhyZWFkcz0wIG5yPTAgZGVjaW1hdGU9MSBpbnRlcmxhY2VkPTAgYmx1cmF5X2NvbXBhdD0wIGNvbnN0cmFpbmVkX2ludHJhPTAgYmZyYW1lcz0zIGJfcHlyYW1pZD0yIGJfYWRhcHQ9MSBiX2JpYXM9MCBkaXJlY3Q9MSB3ZWlnaHRiPTEgb3Blbl9nb3A9MCB3ZWlnaHRwPTIga2V5aW50PTI1MCBrZXlpbnRfbWluPTEwIHNjZW5lY3V0PTQwIGludHJhX3JlZnJlc2g9MCByY19sb29rYWhlYWQ9NDAgcmM9Y3JmIG1idHJlZT0xIGNyZj0yMy4wIHFjb21wPTAuNjAgcXBtaW49MCBxcG1heD02OSBxcHN0ZXA9NCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAAAD2WIhAA3//728P4FNjuZQQAAAu5tb292AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAAZAABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACGHRyYWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAEAAAAAAAAAZAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAgAAAAIAAAAAACRlZHRzAAAAHGVsc3QAAAAAAAAAAQAAAGQAAAAAAAEAAAAAAZBtZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAACgAAAAEAFXEAAAAAAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAE7bWluZgAAABR2bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAAA+3N0YmwAAACXc3RzZAAAAAAAAAABAAAAh2F2YzEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAgACAEgAAABIAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY//8AAAAxYXZjQwFkAAr/4QAYZ2QACqzZX4iIhAAAAwAEAAADAFA8SJZYAQAGaOvjyyLAAAAAGHN0dHMAAAAAAAAAAQAAAAEAAAQAAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAABAAAAAQAAABRzdHN6AAAAAAAAAsUAAAABAAAAFHN0Y28AAAAAAAAAAQAAADAAAABidWR0YQAAAFptZXRhAAAAAAAAACFoZGxyAAAAAAAAAABtZGlyYXBwbAAAAAAAAAAAAAAAAC1pbHN0AAAAJal0b28AAAAdZGF0YQAAAAEAAAAATGF2ZjU2LjQwLjEwMQ==';
|
||
}
|
||
else {
|
||
addTest('videoautoplay', false);
|
||
return;
|
||
}
|
||
}
|
||
|
||
catch (e) {
|
||
addTest('videoautoplay', false);
|
||
return;
|
||
}
|
||
|
||
elem.setAttribute('autoplay', '');
|
||
elemStyle.cssText = 'display:none';
|
||
docElement.appendChild(elem);
|
||
// wait for the next tick to add the listener, otherwise the element may
|
||
// not have time to play in high load situations (e.g. the test suite)
|
||
setTimeout(function() {
|
||
elem.addEventListener('playing', testAutoplay, false);
|
||
timeout = setTimeout(testAutoplay, waitTime);
|
||
}, 0);
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Video crossOrigin",
|
||
"property": "videocrossorigin",
|
||
"caniuse": "cors",
|
||
"authors": ["Florian Mailliet"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the crossOrigin attribute on video tag
|
||
*/
|
||
|
||
Modernizr.addTest('videocrossorigin', 'crossOrigin' in createElement('video'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Video Loop Attribute",
|
||
"property": "videoloop",
|
||
"tags": ["video", "media"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('videoloop', 'loop' in createElement('video'));
|
||
|
||
/*!
|
||
{
|
||
"name": "Video Preload Attribute",
|
||
"property": "videopreload",
|
||
"tags": ["video", "media"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('videopreload', 'preload' in createElement('video'));
|
||
|
||
/*!
|
||
{
|
||
"name": "VML",
|
||
"property": "vml",
|
||
"tags": ["vml"],
|
||
"authors": ["Craig Andrews (@candrews)"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/NOTE-VML"
|
||
}, {
|
||
"name": "MSDN Documentation",
|
||
"href": "https://docs.microsoft.com/en-us/windows/desktop/VML/msdn-online-vml-introduction"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for VML.
|
||
*/
|
||
|
||
Modernizr.addTest('vml', function() {
|
||
var containerDiv = createElement('div');
|
||
var supports = false;
|
||
var shape;
|
||
|
||
if (!isSVG) {
|
||
containerDiv.innerHTML = '<v:shape id="vml_flag1" adj="1" />';
|
||
shape = containerDiv.firstChild;
|
||
if ('style' in shape) {
|
||
shape.style.behavior = 'url(#default#VML)';
|
||
}
|
||
supports = shape ? typeof shape.adj === 'object' : true;
|
||
}
|
||
|
||
return supports;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Web Intents",
|
||
"property": "webintents",
|
||
"authors": ["Eric Bidelman"],
|
||
"notes": [{
|
||
"name": "Web Intents project site",
|
||
"href": "http://www.webintents.org/"
|
||
}],
|
||
"polyfills": ["webintents"],
|
||
"builderAliases": ["web_intents"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects native support for the Web Intents APIs for service discovery and inter-application communication.
|
||
|
||
Chrome added support for this in v19, but [removed it again in v24](https://lists.w3.org/Archives/Public/public-web-intents/2012Nov/0000.html) because of "a number of areas for
|
||
development in both the API and specific user experience in Chrome". No other browsers currently support it, however a [JavaScript shim](http://www.webintents.org/#javascriptshim) is available.
|
||
*/
|
||
|
||
Modernizr.addTest('webintents', !!prefixed('startActivity', navigator));
|
||
|
||
/*!
|
||
{
|
||
"name": "Web Animation API",
|
||
"property": "webanimations",
|
||
"caniuse": "web-animation",
|
||
"tags": ["webanimations"],
|
||
"polyfills": ["webanimationsjs"],
|
||
"notes": [{
|
||
"name": "Introducing Web Animations",
|
||
"href": "https://birtles.wordpress.com/2013/06/26/introducing-web-animations/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the Web Animation API, a way to create css animations in js
|
||
*/
|
||
|
||
Modernizr.addTest('webanimations', 'animate' in createElement('div'));
|
||
|
||
/*!
|
||
{
|
||
"name": "PublicKeyCredential",
|
||
"notes": [
|
||
{
|
||
"name": "MDN Documentation",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/PublicKeyCredential"
|
||
},
|
||
{
|
||
"name": "Google Developers solution",
|
||
"href": "https://developers.google.com/web/updates/2018/03/webauthn-credential-management#the_solution"
|
||
}
|
||
],
|
||
"property": "publickeycredential",
|
||
"tags": ["webauthn", "web authentication"],
|
||
"authors": ["Eric Delia"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for PublicKeyCredential as part of the Web Authentication API (also known as webauthn)
|
||
*/
|
||
|
||
|
||
Modernizr.addTest('publicKeyCredential', function() {
|
||
if (window.PublicKeyCredential) {
|
||
return true;
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "WebGL",
|
||
"property": "webgl",
|
||
"caniuse": "webgl",
|
||
"tags": ["webgl", "graphics"],
|
||
"polyfills": ["jebgl", "cwebgl", "iewebgl"]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('webgl', function() {
|
||
return 'WebGLRenderingContext' in window;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "WebGL Extensions",
|
||
"property": "webglextensions",
|
||
"tags": ["webgl", "graphics"],
|
||
"builderAliases": ["webgl_extensions"],
|
||
"async": true,
|
||
"authors": ["Ilmari Heikkinen"],
|
||
"notes": [{
|
||
"name": "Kronos extensions registry",
|
||
"href": "https://www.khronos.org/registry/webgl/extensions/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for OpenGL extensions in WebGL. It's `true` if the [WebGL extensions API](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Using_Extensions) is supported, then exposes the supported extensions as subproperties, e.g.:
|
||
|
||
```javascript
|
||
if (Modernizr.webglextensions) {
|
||
// WebGL extensions API supported
|
||
}
|
||
if ('OES_vertex_array_object' in Modernizr.webglextensions) {
|
||
// Vertex Array Objects extension supported
|
||
}
|
||
```
|
||
*/
|
||
|
||
// based on code from ilmari heikkinen
|
||
// code.google.com/p/graphics-detect/source/browse/js/detect.js
|
||
|
||
// Not Async but handles it's own self
|
||
Modernizr.addAsyncTest(function() {
|
||
|
||
// Not a good candidate for css classes, so we avoid addTest stuff
|
||
Modernizr.webglextensions = false;
|
||
|
||
if (!Modernizr.webgl) {
|
||
return;
|
||
}
|
||
|
||
var canvas;
|
||
var ctx;
|
||
var exts;
|
||
|
||
try {
|
||
canvas = createElement('canvas');
|
||
ctx = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
|
||
exts = ctx.getSupportedExtensions();
|
||
}
|
||
catch (e) {
|
||
return;
|
||
}
|
||
|
||
if (ctx !== undefined) {
|
||
Modernizr.webglextensions = new Boolean(true);
|
||
}
|
||
|
||
for (var i = -1, len = exts.length; ++i < len;) {
|
||
Modernizr.webglextensions[exts[i]] = true;
|
||
}
|
||
|
||
canvas = undefined;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "RTC Peer Connection",
|
||
"property": "peerconnection",
|
||
"caniuse": "rtcpeerconnection",
|
||
"tags": ["webrtc"],
|
||
"authors": ["Ankur Oberoi"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/webrtc/"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
Modernizr.addTest('peerconnection', !!prefixed('RTCPeerConnection', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "RTC Data Channel",
|
||
"property": "datachannel",
|
||
"notes": [{
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/webrtc/datachannels/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detect for the RTCDataChannel API that allows for transfer data directly from one peer to another
|
||
*/
|
||
|
||
Modernizr.addTest('datachannel', function() {
|
||
if (!Modernizr.peerconnection) {
|
||
return false;
|
||
}
|
||
for (var i = 0, len = domPrefixesAll.length; i < len; i++) {
|
||
var PeerConnectionConstructor = window[domPrefixesAll[i] + 'RTCPeerConnection'];
|
||
if (PeerConnectionConstructor) {
|
||
var peerConnection = new PeerConnectionConstructor(null);
|
||
peerConnection.close();
|
||
return 'createDataChannel' in peerConnection;
|
||
}
|
||
}
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "getUserMedia",
|
||
"property": "getusermedia",
|
||
"caniuse": "stream",
|
||
"tags": ["webrtc"],
|
||
"authors": ["Eric Bidelman", "Masataka Yakura"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://w3c.github.io/mediacapture-main/#dom-mediadevices-getusermedia"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the new Promise-based `getUserMedia` API.
|
||
*/
|
||
|
||
Modernizr.addTest('getUserMedia', 'mediaDevices' in navigator && 'getUserMedia' in navigator.mediaDevices);
|
||
|
||
/*!
|
||
{
|
||
"name": "MediaStream Recording API",
|
||
"property": "mediarecorder",
|
||
"caniuse": "mediarecorder",
|
||
"tags": ["mediarecorder", "media"],
|
||
"authors": ["Onkar Dahale"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the MediaStream Recording API.
|
||
*/
|
||
|
||
Modernizr.addTest('mediastream', typeof MediaRecorder !== "undefined" );
|
||
|
||
/*!
|
||
{
|
||
"name": "WebSockets Support",
|
||
"property": "websockets",
|
||
"authors": ["Phread (@fearphage)", "Mike Sherov (@mikesherov)", "Burak Yigit Kaya (@BYK)"],
|
||
"caniuse": "websockets",
|
||
"tags": ["html5"],
|
||
"warnings": [
|
||
"This test will reject any old version of WebSockets even if it is not prefixed such as in Safari 5.1"
|
||
],
|
||
"notes": [{
|
||
"name": "CLOSING State and Spec",
|
||
"href": "https://www.w3.org/TR/websockets/#the-websocket-interface"
|
||
}],
|
||
"polyfills": [
|
||
"sockjs",
|
||
"socketio",
|
||
"kaazing-websocket-gateway",
|
||
"websocketjs",
|
||
"atmosphere",
|
||
"graceful-websocket",
|
||
"portal",
|
||
"datachannel"
|
||
]
|
||
}
|
||
!*/
|
||
|
||
var supports = false;
|
||
try {
|
||
supports = 'WebSocket' in window && window.WebSocket.CLOSING === 2;
|
||
} catch (e) {}
|
||
Modernizr.addTest('websockets', supports);
|
||
|
||
/*!
|
||
{
|
||
"name": "Binary WebSockets",
|
||
"property": "websocketsbinary",
|
||
"tags": ["websockets"],
|
||
"builderAliases": ["websockets_binary"]
|
||
}
|
||
!*/
|
||
|
||
// binaryType is truthy if there is support.. returns "blob" in new-ish chrome.
|
||
// plus.google.com/115535723976198353696/posts/ERN6zYozENV
|
||
// github.com/Modernizr/Modernizr/issues/370
|
||
|
||
Modernizr.addTest('websocketsbinary', function() {
|
||
var protocol = 'https:' === location.protocol ? 'wss' : 'ws',
|
||
protoBin;
|
||
|
||
if ('WebSocket' in window) {
|
||
protoBin = 'binaryType' in WebSocket.prototype;
|
||
if (protoBin) {
|
||
return protoBin;
|
||
}
|
||
try {
|
||
return !!(new WebSocket(protocol + '://.').binaryType);
|
||
} catch (e) {}
|
||
}
|
||
|
||
return false;
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Base 64 encoding/decoding",
|
||
"property": "atobbtoa",
|
||
"builderAliases": ["atob-btoa"],
|
||
"caniuse": "atob-btoa",
|
||
"tags": ["atob", "base64", "WindowBase64", "btoa"],
|
||
"authors": ["Christian Ulbrich"],
|
||
"notes": [{
|
||
"name": "WindowBase64",
|
||
"href": "https://www.w3.org/TR/html5/webappapis.html#windowbase64"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/atob"
|
||
}],
|
||
"polyfills": ["base64js"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for WindowBase64 API (window.atob && window.btoa).
|
||
*/
|
||
|
||
Modernizr.addTest('atobbtoa', 'atob' in window && 'btoa' in window, {aliases: ['atob-btoa']});
|
||
|
||
/*!
|
||
{
|
||
"name": "Framed window",
|
||
"property": "framed",
|
||
"tags": ["window"],
|
||
"builderAliases": ["window_framed"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Tests if page is iframed.
|
||
*/
|
||
|
||
// github.com/Modernizr/Modernizr/issues/242
|
||
|
||
Modernizr.addTest('framed', window.location !== top.location);
|
||
|
||
/*!
|
||
{
|
||
"name": "matchMedia",
|
||
"property": "matchmedia",
|
||
"caniuse": "matchmedia",
|
||
"tags": ["matchmedia"],
|
||
"authors": ["Alberto Elias"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://drafts.csswg.org/cssom-view/#the-mediaquerylist-interface"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Window.matchMedia"
|
||
}],
|
||
"polyfills": ["matchmediajs"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for matchMedia.
|
||
*/
|
||
|
||
Modernizr.addTest('matchmedia', !!prefixed('matchMedia', window));
|
||
|
||
/*!
|
||
{
|
||
"name": "ResizeObserver",
|
||
"property": "resizeobserver",
|
||
"caniuse": "resizeobserver",
|
||
"tags": ["ResizeObserver"],
|
||
"authors": ["Christian Andersson"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/resize-observer/"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver"
|
||
}, {
|
||
"name": "Web.dev Article",
|
||
"href": "https://web.dev/resize-observer/"
|
||
}, {
|
||
"name": "Digital Ocean tutorial",
|
||
"href": "https://www.digitalocean.com/community/tutorials/js-resize-observer"
|
||
}]
|
||
}
|
||
!*/
|
||
|
||
/* DOC
|
||
Detects support for ResizeObserver.
|
||
*/
|
||
|
||
Modernizr.addTest('resizeobserver', 'ResizeObserver' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Workers from Blob URIs",
|
||
"property": "blobworkers",
|
||
"tags": ["performance", "workers"],
|
||
"builderAliases": ["workers_blobworkers"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/workers/"
|
||
}],
|
||
"knownBugs": ["This test may output garbage to console."],
|
||
"authors": ["Jussi Kalliokoski"],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for creating Web Workers from Blob URIs.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
try {
|
||
// we're avoiding using Modernizr._domPrefixes as the prefix capitalization on
|
||
// these guys are notoriously peculiar.
|
||
var BlobBuilder = window.BlobBuilder;
|
||
var URL = window.URL;
|
||
if (Modernizr._config.usePrefix) {
|
||
BlobBuilder = BlobBuilder || window.MozBlobBuilder || window.WebKitBlobBuilder || window.MSBlobBuilder || window.OBlobBuilder;
|
||
URL = URL || window.MozURL || window.webkitURL || window.MSURL || window.OURL;
|
||
}
|
||
var data = 'Modernizr',
|
||
blob,
|
||
bb,
|
||
worker,
|
||
url,
|
||
timeout,
|
||
scriptText = 'this.onmessage=function(e){postMessage(e.data)}';
|
||
|
||
try {
|
||
blob = new Blob([scriptText], {type: 'text/javascript'});
|
||
} catch (e) {
|
||
// we'll fall back to the deprecated BlobBuilder
|
||
}
|
||
if (!blob) {
|
||
bb = new BlobBuilder();
|
||
bb.append(scriptText);
|
||
blob = bb.getBlob();
|
||
}
|
||
|
||
url = URL.createObjectURL(blob);
|
||
worker = new Worker(url);
|
||
|
||
worker.onmessage = function(e) {
|
||
addTest('blobworkers', data === e.data);
|
||
cleanup();
|
||
};
|
||
|
||
// Just in case...
|
||
worker.onerror = fail;
|
||
timeout = setTimeout(fail, 200);
|
||
|
||
worker.postMessage(data);
|
||
} catch (e) {
|
||
fail();
|
||
}
|
||
|
||
function fail() {
|
||
addTest('blobworkers', false);
|
||
cleanup();
|
||
}
|
||
|
||
function cleanup() {
|
||
if (url) {
|
||
URL.revokeObjectURL(url);
|
||
}
|
||
if (worker) {
|
||
worker.terminate();
|
||
}
|
||
if (timeout) {
|
||
clearTimeout(timeout);
|
||
}
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Workers from Data URIs",
|
||
"property": "dataworkers",
|
||
"tags": ["performance", "workers"],
|
||
"builderAliases": ["workers_dataworkers"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/workers/"
|
||
}],
|
||
"knownBugs": ["This test may output garbage to console."],
|
||
"authors": ["Jussi Kalliokoski"],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for creating Web Workers from Data URIs.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
try {
|
||
var data = 'Modernizr',
|
||
worker = new Worker('data:text/javascript;base64,dGhpcy5vbm1lc3NhZ2U9ZnVuY3Rpb24oZSl7cG9zdE1lc3NhZ2UoZS5kYXRhKX0=');
|
||
|
||
worker.onmessage = function(e) {
|
||
worker.terminate();
|
||
addTest('dataworkers', data === e.data);
|
||
worker = null;
|
||
};
|
||
|
||
// Just in case...
|
||
worker.onerror = function() {
|
||
addTest('dataworkers', false);
|
||
worker = null;
|
||
};
|
||
|
||
setTimeout(function() {
|
||
addTest('dataworkers', false);
|
||
}, 200);
|
||
|
||
worker.postMessage(data);
|
||
} catch (e) {
|
||
setTimeout(function() {
|
||
addTest('dataworkers', false);
|
||
}, 0);
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "Shared Workers",
|
||
"property": "sharedworkers",
|
||
"caniuse": "sharedworkers",
|
||
"tags": ["performance", "workers"],
|
||
"builderAliases": ["workers_sharedworkers"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/workers/"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the `SharedWorker` API from the Web Workers spec.
|
||
*/
|
||
|
||
Modernizr.addTest('sharedworkers', 'SharedWorker' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Web Workers",
|
||
"property": "webworkers",
|
||
"caniuse": "webworkers",
|
||
"tags": ["performance", "workers"],
|
||
"notes": [{
|
||
"name": "W3C Spec",
|
||
"href": "https://www.w3.org/TR/workers/"
|
||
}, {
|
||
"name": "HTML5 Rocks Tutorial",
|
||
"href": "https://www.html5rocks.com/en/tutorials/workers/basics/"
|
||
}, {
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers"
|
||
}],
|
||
"polyfills": ["fakeworker", "html5shims"]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for the basic `Worker` API from the Web Workers spec. Web Workers provide a simple means for web content to run scripts in background threads.
|
||
*/
|
||
|
||
Modernizr.addTest('webworkers', 'Worker' in window);
|
||
|
||
/*!
|
||
{
|
||
"name": "Transferables Objects",
|
||
"property": "transferables",
|
||
"tags": ["performance", "workers"],
|
||
"builderAliases": ["transferables"],
|
||
"notes": [{
|
||
"name": "Transferable Objects: Lightning Fast!",
|
||
"href": "https://developers.google.com/web/updates/2011/12/Transferable-Objects-Lightning-Fast"
|
||
}],
|
||
"async": true
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects whether web workers can use `transferables` objects.
|
||
*/
|
||
|
||
Modernizr.addAsyncTest(function() {
|
||
var prerequisites = !!(Modernizr.blobconstructor &&
|
||
Modernizr.bloburls &&
|
||
Modernizr.webworkers &&
|
||
Modernizr.typedarrays);
|
||
|
||
// Early exit
|
||
if (!prerequisites) {
|
||
return addTest('transferables', false);
|
||
}
|
||
|
||
// Proper test if prerequisites are met
|
||
try {
|
||
var buffer,
|
||
scriptText = 'var hello = "world"',
|
||
blob = new Blob([scriptText], {type: 'text/javascript'}),
|
||
url = URL.createObjectURL(blob),
|
||
worker = new Worker(url),
|
||
timeout;
|
||
|
||
// Just in case...
|
||
worker.onerror = fail;
|
||
timeout = setTimeout(fail, 200);
|
||
|
||
// Building an minimal array buffer to send to the worker
|
||
buffer = new ArrayBuffer(1);
|
||
|
||
// Sending the buffer to the worker
|
||
worker.postMessage(buffer, [buffer]);
|
||
|
||
// If length of buffer is now 0, transferables are working
|
||
addTest('transferables', buffer.byteLength === 0);
|
||
cleanup();
|
||
} catch (e) {
|
||
fail();
|
||
}
|
||
|
||
function fail() {
|
||
addTest('transferables', false);
|
||
cleanup();
|
||
}
|
||
|
||
function cleanup() {
|
||
if (url) {
|
||
URL.revokeObjectURL(url);
|
||
}
|
||
if (worker) {
|
||
worker.terminate();
|
||
}
|
||
if (timeout) {
|
||
clearTimeout(timeout);
|
||
}
|
||
}
|
||
});
|
||
|
||
/*!
|
||
{
|
||
"name": "XDomainRequest",
|
||
"property": "xdomainrequest",
|
||
"tags": ["cors", "xdomainrequest", "ie9", "ie8"],
|
||
"authors": ["Ivan Pan (@hypotenuse)"],
|
||
"notes": [{
|
||
"name": "MDN Docs",
|
||
"href": "https://developer.mozilla.org/en-US/docs/Web/API/XDomainRequest"
|
||
}]
|
||
}
|
||
!*/
|
||
/* DOC
|
||
Detects support for XDomainRequest in IE9 & IE8
|
||
*/
|
||
|
||
Modernizr.addTest('xdomainrequest', 'XDomainRequest' in window);
|
||
|
||
|
||
// Run each test
|
||
testRunner();
|
||
|
||
// Remove the "no-js" class if it exists
|
||
setClasses(classes);
|
||
|
||
delete ModernizrProto.addTest;
|
||
delete ModernizrProto.addAsyncTest;
|
||
|
||
// Run the things that are supposed to run after the tests
|
||
for (var i = 0; i < Modernizr._q.length; i++) {
|
||
Modernizr._q[i]();
|
||
}
|
||
|
||
// Leak Modernizr namespace
|
||
scriptGlobalObject.Modernizr = Modernizr;
|
||
|
||
|
||
;
|
||
|
||
})(window, window, document);
|