Для получения полного доступа
зарегистрируйтесь

JS Функция для проверки поддержки CSS свойства браузером


Простая функция, которая переберет в цикле нужные вам для проверки свойства CSS и проверит поддерживает ли их браузер.

function checkCssSupport(containerSelector) {
    var supportValues = [
        {
            feature: "display",
            value  : "flex",
        }
    ], supportIndex, curFeature,
       curValue, notSupportedClass;
    for (supportIndex in supportValues) {
        curFeature = supportValues[supportIndex].feature;
        curValue   = supportValues[supportIndex].value;
        notSupportedClass = 'no-' + curValue + '-support';
        $(containerSelector).addClass(notSupportedClass);
        if (typeof(CSS) !== 'undefined') {
            if (CSS.supports(curFeature, curValue)) {
                $(containerSelector).removeClass(notSupportedClass);
            }
        }
    }
}

В результате вызова этой фнукции

checkCssSupport('.main-wrapper');

В html коде сайта для контейнера .main-wrapper будет установлен класс no-flex-support если он и правда не поддерживается.

Чтобы увидеть комментарии, нужно быть участником сообщества

Регистрация