Wulin.com (www.vevb.com) Artículo Introducción: Modernizr y HTML5.
Ok, html5 es popular ahora, así que agregaré html5 a su título :)
De hecho, Modernizr nace para HTML5: es una biblioteca JS que detecta el soporte de los navegadores para las características HTML5 y CSS3. El famoso sitio web de compatibilidad del navegador HTML5/CSS3 FindMebyip se basa en este marco.
Puede ver que hay un enlace a Modernizr en el botón verde en la esquina inferior derecha.
Características de ModernizrLa función de Modernizr es en realidad muy simple. Es usar JS para detectar el soporte del navegador para las características HTML5/CSS3. Si admite un cierto atributo, agregue una clase correspondiente a la etiqueta <html> de la página. Si no lo admite, agregue una clase sin prefijo. Por ejemplo, si el navegador detectado admite la etiqueta de video, Modernizr agregará una clase de video a la etiqueta <html>, de lo contrario, agregue una clase sin video.
Verifique el código fuente de FindMebyip o use una herramienta como Firebug para ver el código de página, y puede ver la clase en la etiqueta <HTML>.
Además, Modernizr también proporciona otro uso, que es detectar el soporte del navegador solo para una determinada característica, como:
Es relativamente seguro detectar el soporte del navegador para HTML5 a través de interfaces similares.
Detección del navegador: UA VS característicasDe hecho, todos generalmente usan UA para detectar un navegador. Por supuesto, UA también proporciona información más rica. UA no es omnipotente, y también tiene algunas debilidades, como el disfraz de UA del navegador del usuario y la falta de información de UA proporcionada por algunos navegadores atrasados afectará el juicio de la información del navegador. Más importante aún, para las características de HTML5, el uso de UA para determinar si un navegador admite una determinada característica es demasiado compleja y poco confiable.
Por supuesto, siempre ha habido debates sobre la UA y la detección de funciones. Lo que quiero decir aquí es que el análisis específico de problemas específicos, el uso de HTML5 para detectar el soporte de características en el sitio web es más confiable y conveniente que UA ~~
Usando modernizrEl uso de Modernizr es muy simple, solo presente el archivo JS de la biblioteca en la página:
>/script>
Modernizr es de código abierto, pero por alguna razón fue bloqueado por G-FW.
Modernizr @ gitEl proyecto Modernizr está alojado en Git, puede obtenerlo en la siguiente dirección:
El autor también proporciona una página de salida simple en GIT:
Y una página de prueba detallada:
Lectura extendida:Detección de funciones HTML5
Implementar de forma segura HTML5 y CSS3 con Modernizr