Red de conocimiento informático - Material del sitio web - Cómo desarrollar HTML en dispositivos móviles (es decir, teléfonos móviles)

Cómo desarrollar HTML en dispositivos móviles (es decir, teléfonos móviles)

Estás hablando de desarrollo html5, por lo que debes adquirir los conocimientos relevantes del diseño web móvil.

Lista de pruebas de compatibilidad con HTML5

Antes de comenzar, debe comprender la compatibilidad con HTML5 en los navegadores y plataformas móviles modernos.

Lista de compatibilidad de funciones HTML5 para los principales navegadores

Lista de compatibilidad de HTML5 para plataformas móviles

Prueba de compatibilidad de HTML5

Demostración de HTML5

2. Proporcionar elementos HTML5

Las versiones anteriores de Internet Explorer no pueden reconocer elementos HTML nuevos. Sin embargo, existen algunas soluciones de JavaScript o CSS que se pueden utilizar para solucionar este problema.

HTML5Shiv: Este script permite a Internet Explorer reconocer elementos HTML5.

HTML5 Enabler: Funciones similares a HTML5Shiv.

Modernizr: Permite a los desarrolladores desarrollar en navegadores que soportan HTML5 y CSS3 sin sacrificar el control sobre otros navegadores que no soportan estas nuevas tecnologías.

Restablecimiento HTML5: Proporciona un conjunto de archivos HTML y CSS que te permiten iniciar fácilmente un nuevo proyecto. Utiliza modernizr para admitir HTML5 y CSS3.

Tres complementos del navegador

Aquí hay algunos complementos de JavaScript que pueden compensar algunos de los problemas con HTML5 en la compatibilidad del navegador.

1.VideoJS

VideoJS es un reproductor de vídeo HTML5 que se ejecuta en todos los navegadores, incluidos IE6 y dispositivos móviles. Los navegadores que no soportan HTML5 utilizarán automáticamente el reproductor Flash para la reproducción.

2. AudioJS

Reproductor de audio HTML. Para utilizar el marcado HTML5 en una variedad de navegadores, incluidos dispositivos móviles.

3. HTML5Widget

Módulo de formulario HTML5, que incluye calendario, paleta, widget deslizante, validación del lado del cliente, etc.

4. Webforms2

Soporte de atributos de formulario HTML5, como modo, requerido y enfoque automático.

5. LimeJS

LimeJS es un marco de juegos HTML5 para crear juegos rápidos y localizados para dispositivos táctiles y navegadores de escritorio modernos.

6.FlexieJS

Soporta el modelo de caja flexible CSS3.

4. Herramientas en línea

Además, existen muchas herramientas en línea que pueden ayudar a los desarrolladores a acelerar el desarrollo de proyectos HTML5.

1.HTML5 Boilerplate

es una plantilla HTML/CSS/JS con mejores prácticas de estandarización entre navegadores, optimización del rendimiento y funciones opcionales estables (como Ajax y Flash entre dominios). . Los desarrolladores lo llaman una colección de consejos diseñados para satisfacer sus necesidades de desarrollo de sitios web multinavegador y preparados para el futuro.

2.Cambiar a HTML5

Una herramienta en línea muy útil que puede generar la estructura de documentos HTML5 según sus preferencias.