Как проверить поддерживается ли данное свойство CSS браузером:
var SupportsCSS = function (property, value) {
try {
// Создаём элемент
var element = document.createElement('span');
// Проверяем, поддерживает ли браузер данное свойство
if (element.style[property] !== undefined)
element.style[property] = value; // Если поддерживает, то присваиваем значение
else
return false; // Если нет, то возвращаем false
// Если браузер поддерживает данное значение для указанного свойства, то значения будут равны
return element.style[property] === value;
} catch (e) {
// В случае со старым IE, при присваивании значения, которое не поддерживается, вылетает ошибка
return false;
}
};
Аналогично для изображений:
var isSupportPicture = false;
isSupportPicture = (function () {
try {
var element = document.createElement('img');
element.setAttribute('srcset', 'test.jpg');
return element.srcset === 'test';
} catch (e) {
return false;
}
})();