@media запросы на js

@media запросы на js

Дисклеймер: статья старая, информация, скорее всего, устарела, используйте на свой страх и риск.

Раньше на js проверял ширину экрана через window.innerWidth || screen.width, а оказывается есть аналог медиа запросов: window.matchMedia

Пример:

if (window.matchMedia("(min-width: 600px)").matches) {
	// code desktop
} else {
	// code mobile
}

Работает во всех браузерах.

Есть вопрос или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.