Определение поддержки новых элементов HTML5 и CSS3 в браузере

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4,00 out of 5)
Loading ... Loading ...

Библиотека Modernizr — содержит в себе все эти методы для проверки на сколько полно поддерживает бразуер новые элементы HTML5 и CSS3.

<audio>

?View Code JAVASCRIPT
return !!document.createElement('audio').canPlayType;

<audio> in MP3 format

?View Code JAVASCRIPT
var a = document.createElement('audio');
return !!(a.canPlayType &amp;&amp; a.canPlayType('audio/mpeg;').replace(/no/, ''));

<audio> in Vorbis format

?View Code JAVASCRIPT
var a = document.createElement('audio');
return !!(a.canPlayType &amp;&amp; a.canPlayType('audio/ogg; codecs="vorbis"').replace(/no/, ''));

<audio> in WAV format

?View Code JAVASCRIPT
var a = document.createElement('audio');
return !!(a.canPlayType &amp;&amp; a.canPlayType('audio/wav; codecs="1"').replace(/no/, ''));

<audio> in AAC format

?View Code JAVASCRIPT
var a = document.createElement('audio');
return !!(a.canPlayType &amp;&amp; a.canPlayType('audio/mp4; codecs="mp4a.40.2"').replace(/no/, ''));

<canvas>

?View Code JAVASCRIPT
return !!document.createElement('canvas').getContext;

<canvas> text API

?View Code JAVASCRIPT
var c = document.createElement('canvas');
return c.getContext &amp;&amp; typeof c.getContext('2d').fillText == 'function';

<command>

?View Code JAVASCRIPT
return 'type' in document.createElement('command');

<datalist>

?View Code JAVASCRIPT
return 'options' in document.createElement('datalist');

<details>

?View Code JAVASCRIPT
return 'open' in document.createElement('details');

<device>

?View Code JAVASCRIPT
return 'type' in document.createElement('device');

<form> constraint validation

?View Code JAVASCRIPT
return 'noValidate' in document.createElement('form');

<iframe sandbox>

?View Code JAVASCRIPT
return 'sandbox' in document.createElement('iframe');

<iframe srcdoc>

?View Code JAVASCRIPT
return 'srcdoc' in document.createElement('iframe');

<input autofocus>

?View Code JAVASCRIPT
return 'autofocus' in document.createElement('input');

<input placeholder>

?View Code JAVASCRIPT
return 'placeholder' in document.createElement('input');

<input type="color">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'color');
return i.type !== 'text';

<input type="email">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'email');
return i.type !== 'text';

<input type="number">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'number');
return i.type !== 'text';

<input type="range">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'range');
return i.type !== 'text';

<input type="search">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'search');
return i.type !== 'text';

<input type="tel">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'tel');
return i.type !== 'text';

<input type="url">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'url');
return i.type !== 'text';

<input type="date">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'date');
return i.type !== 'text';

<input type="time">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'time');
return i.type !== 'text';

<input type="datetime">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'datetime');
return i.type !== 'text';

<input type="datetime-local">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'datetime-local);
return i.type !== 'text';

<input type="month">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'month');
return i.type !== 'text';

<input type="week">

?View Code JAVASCRIPT
var i = document.createElement('input');
i.setAttribute('type', 'week');
return i.type !== 'text';

<meter>

?View Code JAVASCRIPT
return 'value' in document.createElement('meter');

<output>

?View Code JAVASCRIPT
return 'value' in document.createElement('output');

<progress>

?View Code JAVASCRIPT
return 'value' in document.createElement('progress');

<time>

?View Code JAVASCRIPT
return 'valueAsDate' in document.createElement('time');

<video>

?View Code JAVASCRIPT
return !!document.createElement('video').canPlayType;

<video> captions

?View Code JAVASCRIPT
return 'track' in document.createElement('track');

<video poster>

?View Code JAVASCRIPT
return 'poster' in document.createElement('video');

<video> in WebM format

?View Code JAVASCRIPT
var v = document.createElement('video');
return !!(v.canPlayType &amp;&amp; v.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/no/, ''));

<video> in H.264 format

?View Code JAVASCRIPT
var v = document.createElement('video');
return !!(v.canPlayType &amp;&amp; v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, ''));

<video> in Theora format

?View Code JAVASCRIPT
var v = document.createElement('video');
return !!(v.canPlayType &amp;&amp; v.canPlayType('video/ogg; codecs="theora, vorbis"').replace(/no/, ''));

contentEditable

?View Code JAVASCRIPT
return 'isContentEditable' in document.createElement('span');

Cross-document messaging

?View Code JAVASCRIPT
return !!window.postMessage;

Drag-and-drop

?View Code JAVASCRIPT
return 'draggable' in document.createElement('span');

File API

?View Code JAVASCRIPT
return typeof FileReader != 'undefined';

Geolocation

?View Code JAVASCRIPT
return !!navigator.geolocation;

History

?View Code JAVASCRIPT
return !!(window.history &amp;&amp; window.history.pushState &amp;&amp; window.history.popState);

Local storage

?View Code JAVASCRIPT
return ('localStorage' in window) &amp;&amp; window['localStorage'] !== null;

Microdata

?View Code JAVASCRIPT
return !!document.getItems;

Offline web applications

?View Code JAVASCRIPT
return !!window.applicationCache;

Server-sent events

?View Code JAVASCRIPT
return typeof EventSource !== 'undefined';

Session storage

?View Code JAVASCRIPT
try {
  return ('sessionStorage' in window) &amp;&amp; window['sessionStorage'] !== null;
} catch(e) {
  return false;
}

SVG

?View Code JAVASCRIPT
return !!(document.createElementNS &amp;&amp; document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect);

SVG in text/html

?View Code JAVASCRIPT
var e = document.createElement('div');
e.innerHTML = '';
return !!(window.SVGSVGElement &amp;&amp; e.firstChild instanceof window.SVGSVGElement);

WebSimpleDB

?View Code JAVASCRIPT
return !!window.indexedDB;

Web Sockets

?View Code JAVASCRIPT
return !!window.WebSocket;

Web SQL Database

?View Code JAVASCRIPT
return !!window.openDatabase;

Web Workers

?View Code JAVASCRIPT
return !!window.Worker;

Undo

?View Code JAVASCRIPT
return typeof UndoManager !== 'undefined';
свадебные платья
Февраль 2012
Пн Вт Ср Чт Пт Сб Вс
« Янв    
 12345
6789101112
13141516171819
20212223242526
272829