Как я могу получить CSS свойства мультимедиа в javascript

Question

Я могу сделать @media запросов в Javascript (например, проверить, соответствует ли веб-страница @media (max-width: 640px)). Однако я не могу найти какой-либо способ найти сами фактические свойства @media. Например, значение monochrome, или aspect-ratio, или color-index.

Я мог бы перебором с помощью огромного набора запросов MediaQueryList, но это кажется плохим подходом.

Я что-то упускаю из виду? Я не смог найти способ сделать это.

Спасибо

Answer 1

Вы можете получить доступ ко всем правилам CSS в массиве styleSheet.

var styleSheet = document.styleSheets[0];
var rules = styleSheet.cssRules || styleSheet.rules;