Modernizr: библиотека для определения поддержки HTML5

Автор: Евгений Рыжков и Татьяна Головко Дата публикации: 09.03.2011

Modernizr — это Javascript библиотека с открытым исходным кодом, которая применяется для определения поддержки многих HTML5 и CSS3 возможностей. Библиотека постоянно развивается. На момент написания книги, последняя версия была 1.1. Всегда используй самую свежую версию. Чтобы библиотека заработала, достаточно подключить библиотеку в начале страницы:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dive into HTML5</title>
<script src="modernizr.min.js"></script>
</head>
<body>
...
</body>
</html>

Modernizr запускается автоматически. Библиотеку не нужно специально инициализировать, например, вызывая какую-нибудь modernizr_init(). Modernizr при своем запуске, создает глобальный объект Modernizr, содержащий множество логических свойств (тип boolean). Каждое из них отвечает за одну из возможностей, которую способна определить библиотека. Например, если твой браузер поддерживает canvas API, свойство Modernizr.canvas будет иметь значение true. В противном случае свойство будет равно false.

if (Modernizr.canvas) {
// Давайте нарисуем парочку фигур!
} else {
// нет встроенной поддержки canvas  :(
}

Куда дальше

По теме