От автора: В этой статье я продемонстрирую вам различные методы определения поддержки браузером свойств CSS с помощью CSS и JavaScript’а.
Определение с помощью CSS3
В CSS3 для проверки поддержки какого-либо свойства CSS предусмотрено условное правило @supports. Давайте рассмотрим пример его использования
Определение с помощью JavaScript’а
С помощью JavaScript’а поддержка свойств CSS определяется двумя методами. Классическим:
При котором разработчик пользуется оператором in для определения того, поддерживается данное свойство CSS или нет.
И CSS.supports.
CSS.supports – это функция, подчиненная спецификации правила CSS3 @support. Любой браузер, поддерживающий правило @support, будет поддерживать и эту функцию.
Кроме того, для функции CSS.supports существует полифил. Официальная документация правила CSS3 @support.
Определение поддержки правила @supports с помощью JavaScript’а
Ранее уже упоминалось, что любой браузер, поддерживающий правило CSS @supports, также поддерживает функцию CSS.supports. Следовательно, просто проверьте, поддерживается CSS.supports или нет.
Если вы переписали функцию с помощью вышеупомянутого полифила, то затем можно проверить, содержит ли функция исходный код. Если содержит, то поддерживается, или наоборот. Прочтите эту статью и узнаете, как обнаружить, содержит ли функция исходный код.
Источник: //qnimate.com/
Редакция: Команда webformyself.
