iOS4.2 admite nuevas funciones de HTML5 para iOS 4.2

Introducción al artículo de Wulin.com (www.vevb.com): iOS versión 4.2 Safari admite actualizaciones a las funciones HTML5.

Artículo compilado de Safari en iOS 4.2: Acelerómetro, WebSockets, SVG, AJAX2 y Better HTML5 Soporte

Bueno, se dice que se ha lanzado iOS 4.2, y todos los iPhones, iPods, iPads, etc. se pueden actualizar de forma gratuita. Es gratificante que esta versión de iOS tenga una actualización relativamente grande en soporte de nuevas funciones de HTML5, que incluye soporte para WebSockets y acelerómetro, nuevo evento, soporte para la impresión, nuevos tipos de datos de JavaScript y mejor soporte de SVG.

De hecho, Apple aún no ha actualizado la documentación de Safari. La información aquí solo se basa en la investigación y prueba de JavaScript de Safari (nota: Safari se refiere al navegador Safari en dispositivos móviles iOS, sin incluir Safari en PC y Mac Máquinas). Específicamente, las nuevas características detectadas son las siguientes:

Tal vez ya sepa que los dispositivos iOS tienen sensores de aceleración (y otros, como el magnetismo y los giroscopios), pero hasta ahora, los desarrolladores web no tienen permiso para operar estos sensores. Safari ahora es compatible con la API de Ondeviceorientation de dispositivos (W3C Draft), pero aunque parece que todas las API son compatibles (incluidos los eventos de Eviceorientation y Ondedevicemotion), en las pruebas, solo puedo usar con éxito los datos del acelerador.

Si ya tiene un dispositivo iOS 4.2, puede usar el navegador Safari para acceder a ad.ag/jtjdmj para probarlo usted mismo.

Para detectar 50 cambios en los datos del acelerómetro por segundo, debe escuchar el evento OndeviCemotion en el objeto global de la ventana, y luego usar la propiedad de aceleración en el parámetro de dispositivos para obtener el parámetro. Tiene tres valores: X, Y y Z, que representan la aceleración G (gravedad) en cada coordenada respectivamente. Puede usar recuentos de aceleración en juegos, efectos o animaciones CSS.

12345Window.EVENT

Otra gran actualización es el soporte para WebSockets. WebSockets es una API W3C HTML5 que todavía está en el borrador del estado, lo que permite a JavaScript usar una conexión abierta de doble trabajo de doble manera a un servidor a través de los sockets TCP. Esta es una muy buena noticia para el chat y las aplicaciones en tiempo real, ya que las llamadas periódicas de Ajax pueden reducirse considerablemente.

Necesitará un servidor que pueda comprender el nuevo protocolo WebSocket a través de un apretón de manos HTTP. Si el servidor no admite WebSocket o por razones proxy/de puerta de enlace, también confiará en un mecanismo de alternativa.

De hecho, el soporte de WebKit para formularios HTML5 es relativamente bueno. Ahora, Safari en iOS 4.2 ha comenzado a admitir el atributo requerido y: pseudo-clase CSS inválida. De esta manera, el siguiente código mostrará un cuadro de texto que muestra un fondo verde cuando se ingresa correctamente, y un fondo amarillo cuando sea incorrecto.

<style> Entrada {Color de fondo: verde; color: blanco;} Entrada: inválido {Color de fondo: amarillo;} requerido>

El objeto llamado FormData nos permite generar fácilmente datos de formulario a través de AJAX.

iOS 4.2 presenta AirPrint, una solución de impresión ilimitada. Es decir, ahora podemos usar Window.print para llamar al cuadro de diálogo Imprimir en Safari.

Safari ahora admite colecciones de clases binarias (clase Blob) y muchos tipos enteros, como Float32Array, Int8Array, Uint8Array, INT16Array Unit16Array, Int32Array y UINT32Array, etc. Arrayes definidas en la especificación de matrices tipadas. Se puede acceder más información.

En el nuevo evento de clase de acción, ahora podemos usar HTML 5 New Onhashchange Event para detectar cambios después de hash (#) en URL en AJAX-Class WebApps, así como eventos no válidos, OnborLoad y OnPopState en especificaciones HTML5.

Ahora también podemos usar Windows.CaptureEvents y Window.RelEavents para escuchar eventos en el método global.

iOS admite SVG como archivos independientes, así como en línea SVG (usando etiquetas SVG). Ahora podemos crear documentos SVG directamente en nuestro documento: usando más de 20 clases SVG___ como SVGDocument, SVGIMage, etc.

Para el lienzo, el tipo de datos iMagedata ahora es compatible, una forma de manipular imágenes a nivel de píxeles de JavaScript.

PD: Dado que no tengo iPhone, iPad, etc., no hay forma de probar el contenido en el artículo uno por uno. Si encuentra algunos errores o contenido nuevo, envíelo dejando un mensaje. Actualizaré este artículo a tiempo. Gracias - Shenfei