Я пытаюсь определить, присутствуют ли медиа-запросы с помощью Modernizr 2, а затем загружаю в response.js, если это необходимо.
Я поместил это в свой файл script.js...
Modernizr.load({
test: Modernizr.mq,
yep : '',
nope: 'mylibs/respond.js'
});
Что я делаю неправильно? Я действительно удивлен, что на сайте Modernizr нет примера того, как это сделать с помощью Media Queries. Вот версия Modernizr, которую я использую...
Это потому, что !!Modernizr.mq === true всегда... вы тестируете не то, что нужно!
Согласно документам:
Если браузер вообще не поддерживает медиа-запросы (например, oldIE), mq() всегда будет возвращать false.
Но это: Modernizr.mq() тоже false! Вы должны на самом деле проверить что-то. Здесь вам нужно ключевое слово all (или only all, как предлагает Пол):
Modernizr.load({
test: Modernizr.mq('only all'),
nope: 'polyfill.js'
});
Однако все пользовательские сборки Modernizr 2.0.x с mq включают respond.js. , поэтому вам никогда не нужно тестировать это, за исключением случаев, когда вместо этого вы хотите загрузить другой полифилл. В этом случае вам нужно будет отключить/удалить response.js из вашей сборки.
С появлением Modernizr 2.5.x вышеизложенное больше не соответствует действительности. В сокращенном журнале изменений указано следующее:
Мы больше не включаем Respond.js в сборщик, потому что это создавало конфликты сбоев в IE8. Если вам по-прежнему требуется Respond.js в вашем проекте, просто включите его вручную.
Это означает, что Modernizr.mq('only all') теперь может возвращать false...
'only all' немного лучше. Я бы порекомендовал это.
- person Paul Irish; 28.09.2011
`backticks`.
- person Félix Saparelli; 30.09.2011
Modernizr.mq('only all') означает, что текущая страница поддерживает метод .mq() и соответствует 'only all'. Он не сообщает вам, поддерживает ли текущая страница медиазапросы изначально. Просто используйте сборку Modernizr, которая включает в себя response.js.
- person ryanve; 12.01.2012
mq включают response.js, за исключением случаев, когда вы явно отключили его.
- person Félix Saparelli; 14.01.2012
Только что заметил, что этот вывод сделан в комментариях к ответу Феликса - я оставляю свой ответ здесь на случай, если он поможет другим посетителям, которые, как и я, не поняли его.
Не уверен, что это все еще проблема, но если вы загружаете Modernizr v2.0.6, вам не нужно запускать этот тест. Просто добавив его на свою страницу, вы должны автоматически запустить response.js, и ваши медиа-запросы должны начать работать.
Я тоже ломал голову над этим, так как в IE8 я продолжал получать «true»!! Плохо объяснено на сайте Modernizr, но упоминается в http://html5boilerplate.com/ (первый пример)
yep. - person Félix Saparelli schedule 28.09.2011