Есть ли способ обнаружить поддержку @scope
через JavaScript?
Я пробовал: CSS.supports('@scope')
или CSS.supports(':scope')
, но оба они возвращают false в браузерах, которые это поддерживают.
Я попробовал CSS.supports('selector(:scope)')
, но он возвращает true
в браузерах, которые еще не поддерживают @scope
(например, Firefox), я проверил, и он возвращает false для selector(:invalid)
.
Сейчас я подумываю добавить стиль с @scope { :scope { --supports-scope: true; } }
к body
и использовать его, но мне бы хотелось более простой способ.
typeof CSSScopeRule != 'undefined'
из комментариев
На основании этого ответа вы можете попробовать
console.info(typeof CSSScopeRule !== "undefined")