iOS4.2 suporta novos recursos HTML5 para iOS 4.2

Artigo Introdução de wulin.com (www.vevb.com): o iOS versão 4.2 Safari suporta atualizações para os recursos html5.

Artigo compilado do Safari no iOS 4.2: Acelerômetro, Websockets, SVG, Ajax2 e melhor suporte HTML5

Bem, diz -se que o iOS 4.2 foi lançado e todos os iPhones, iPods, iPads etc. podem ser atualizados gratuitamente. É gratificante que esta versão do iOS tenha uma atualização relativamente grande em suporte a novos recursos HTML5, incluindo suporte para WebSockets e acelerômetro, novo evento, suporte para impressão, novos tipos de dados JavaScript e melhor suporte a SVG.

De fato, a Apple ainda não atualizou a documentação do Safari. As informações aqui são baseadas apenas na pesquisa e teste de JavaScript do Safari (Nota: Safari refere -se ao navegador Safari em dispositivos móveis iOS, sem incluir safari nas máquinas PC e Mac). Especificamente, os novos recursos detectados são os seguintes:

Talvez você já saiba que os dispositivos iOS têm sensores de aceleração (e outros, como magnetismo e giroscópios), mas até agora, os desenvolvedores da Web não têm permissão para operar esses sensores. O Safari agora suporta a API de dispositivo de dispositivo (W3C Draft), mas, embora pareça que todas as APIs são suportadas (incluindo eventos OnDeviceRientation e OnDevicemotion), em testes, só posso usar com sucesso os dados do acelerador.

Se você já possui um dispositivo iOS 4.2, pode usar o navegador Safari para acessar ad.ag/jtjdmj para testá -lo você mesmo.

Para detectar 50 alterações de dados do acelerômetro por segundo, você precisa ouvir o evento OnDevicemotion no objeto Global Window e, em seguida, usar a propriedade AccelerationincludeGravity no parâmetro DeviceRientationEvent. Possui três valores: x, y e z, que representam a aceleração G (gravidade) em cada coordenada, respectivamente. Você pode usar contagens de aceleração em jogos, efeitos ou animações CSS.

12345Window.Event

Outra grande atualização é o suporte para o WebSockets. O WebSockets é uma API W3C HTML5 que ainda está no estado de rascunho, permitindo que o JavaScript use uma conexão aberta de duas vias e trabalho com um servidor através de soquetes TCP. Esta é uma notícia muito boa para chat e aplicativos em tempo real, pois as chamadas periódicas do Ajax podem ser bastante reduzidas.

Você precisará de um servidor que possa entender o novo protocolo Websocket por meio de um handshake HTTP. Se o servidor não suportar o WebSocket ou devido a motivos de proxy/gateway, você também confiará em um mecanismo de fallback.

De fato, o suporte do Webkit para formulários HTML5 é relativamente bom. Agora, o Safari no iOS 4.2 começou a apoiar o atributo necessário e: pseudo-classe inválida CSS. Dessa forma, o código a seguir mostrará uma caixa de texto que exibe um fundo verde quando for inserido corretamente e um fundo amarelo quando estiver incorreto.

<estilo> input {background-color: verde; cor: branco;} entrada: inválido {background-color: amarelo;} exigido>

O objeto chamado formData nos permite gerar facilmente dados de formulário através do AJAX.

O iOS 4.2 apresenta o AirPrint, uma solução de impressão ilimitada. Ou seja, agora podemos usar o Window.print para ligar para a caixa de diálogo Imprimir no Safari.

O Safari agora suporta coleções de classes binárias (classe BLOB) e muitos tipos inteiros, como Float32Array, Int8Array, UINT8Array, Int16Array Unit16Array, Int32Array e Uint32Array, etc. Matrizes de defesa da especificação de matrizes digitadas. Mais informações são acessíveis.

No novo evento da classe de ação, agora podemos usar o HTML 5 New OnHashChange para detectar alterações após o hash (#) nos URLs nos eventos da classe Ajax, além de eventos inválidos, onbeforeload e onpopstate em especificações HTML5.

Agora, também podemos usar o Window.CaptureEvents e o Window.ReleaseEvents para ouvir eventos no método global.

O iOS suporta SVG como arquivos independentes e também em linha SVG (usando tags SVG). Agora podemos criar documentos SVG diretamente em nosso documento - usando mais de 20 classes SVG___ como SVGDocument, SVGImage, etc ...

Para a tela, o tipo de dados imagedata agora é suportado, uma maneira de manipular imagens no nível do pixel do JavaScript.

PS: Como não tenho iPhone, iPad etc., não há como testar o conteúdo no artigo um por um. Se você encontrar alguns erros ou novos conteúdos, envie -o deixando uma mensagem. Vou atualizar este artigo no tempo. Obrigado - Shenfei