Wulin.com (www.vevb.com) Введение в статью: Modernizr и HTML5.
Хорошо, HTML5 теперь популярен, поэтому я добавлю HTML5 к его названию :)
На самом деле, Modernizr родился для HTML5 - это библиотека JS, которая обнаруживает поддержку браузеров для функций HTML5 и CSS3. Знаменитый веб -сайт совместимости браузера HTML5/CSS3 FindmeByip основан на этой структуре.
Вы можете видеть, что в нижнем правом углу есть ссылка на Modernizr.
Особенности ModernizrФункция Modernizr на самом деле очень проста. Он должен использовать JS для обнаружения поддержки браузера функций HTML5/CSS3. Если он поддерживает определенный атрибут, добавьте соответствующий класс в тег <html> страницы. Если он не поддерживает его, добавьте класс без Prefix. Например, если обнаруженный браузер поддерживает видео тег, Modernizr добавит класс видео в тег <html>, в противном случае добавьте класс без видео.
Проверьте исходный код Findmebyip или используйте такой инструмент, как Firebug, чтобы просмотреть код страницы, и вы можете увидеть класс в теге <html>.
Кроме того, Modernizr также предоставляет еще одно использование, которое состоит в том, чтобы обнаружить поддержку браузера только определенной функции, например:
Относительно безопасно обнаружить поддержку браузера HTML5 через аналогичные интерфейсы.
Обнаружение браузера: ua vs функцииНа самом деле все обычно используют UA для обнаружения браузера. Конечно, UA также предоставляет более богатую информацию. UA не является всемогущим, и у него также есть некоторые недостатки, такие как маскировка UA о браузере пользователя и отсутствие информации UA, предоставленной некоторыми отстачными браузерами, повлияет на решение о браузере. Что еще более важно, для функций HTML5, используя UA для определения того, поддерживает ли браузер определенную функцию слишком сложной и ненадежной.
Конечно, всегда были споры о UA и обнаружении функций. Здесь я хочу сказать, что конкретный анализ конкретных вопросов, использование HTML5 для обнаружения поддержки функций на веб -сайте, является более надежным и удобным, чем UA ~~
Использование ModernizrИспользование Modernizr очень простое, просто представьте файл JS в библиотеке на странице:
>/сценарий>
Modernizr-это открытый исходный код, но по какой-то причине он был заблокирован G-FW.
Modernizr @ gitПроект Modernizr размещен в GIT, вы можете получить его по следующему адресу:
Автор также предоставляет простую выходную страницу в GIT:
И подробная тестовая страница:
Расширенное чтение:Обнаружение функций HTML5
Безопасно развернуть HTML5 и CSS3 с Modernizr