За допомогою CSS3
CSS3 має @supports для перевірки підтримки CSS властивостей. Розглянемо декілька прикладів використання:
За допомогою JavaScript
Існує два способи виявлення підтримки властивостей CSS за допомогою JavaScript.
Класичний метод:
Використати оператор in, щоб виявити підтримується властивість CSS чи ні.
CSS.supports
CSS.supports \- це функція з правила **@support **зі специфікації CSS3. Якщо браузер підтримує правило @support, то підтримує і цю функцію.
Офіційна документація правила @support.
Виявлення підтримки @supports з використанням JavaScript
Кожен браузер, як правило, підтримкує правило @supports, а також функцію CSS.supports. Проте, краще перевірити чи підтримується CSS.supports, чи ні.
if(CSS.supports)
{
console.log("Supported");
}
Ще немає коментарів