Alguns novos recursos do Safari 4 navegador

Na WWDC 2009, a Apple lançou a versão oficial do Safari 4 Browser. A versão oficial do Safari 4 desistiu da imitação da guia Chrome e restaurada na interface da versão 3.0. Dizem que, no WWDC, Serlet seriamente no navegador IE8 da Microsoft e disse que o mecanismo JavaScript do Safari é atualmente o mais rápido do mundo. De acordo com os dados de teste que ele fornece, a velocidade do Chrome 2 é 5,3 vezes a do IE8, enquanto a velocidade do Safari4 é 7,8 vezes a do IE8!

A maioria desses dados são truques oficiais, então não vamos nos preocupar com isso por enquanto. Vamos ver qual o impacto Safari4 no nosso desenvolvimento de front-end:

HTML 5

Suporte a tags de áudio e vídeo.

CSS

O Safari4 fez muitas melhorias no suporte do CSS, como segue:

zoom

O Safari 4 começa a suportar atributos de zoom. Este é o uso e o efeito do navegador do IE. A diferença é que, se estiver zoom, o Safari encolherá para a fonte mínima suportada pelo navegador, enquanto o IE encolherá diretamente para o tamanho do conjunto. por exemplo:

 .ZoomTest {font-size: 12px; Zoom: 0,1}

O Safari encolherá apenas o tamanho da fonte de 9px, enquanto o IE encolherá para 1,2px (não pode ser visto claramente a olho nu).

-Webkit-Animação

Há uma série de subpropertas:

• -Webkit-animation-name Especifique um nome para a animação
• -Webkit-animação duração da duração da duração
• -Webkit-Animação Timing-Função Método de comutação de quadros de animação, isto é, efeitos de animação, provavelmente incluem facilidade, linear, facilidade de facilidade, facilidade de saída e facilidade.
• -Webkit-animação-delay Definir Horário de início da animação
• -Webkit-animação-alo-alfinere repetições de animação
• -Webkit-Animation-Direction Animation Direction tem duas propriedades: jogo normal, para frente; Jogo alternativo, alternativo, até para a frente, jogo reverso estranho.

-Webkit-mask

Efeito de máscara/máscara CSS

• -Webkit-mask-attachment Dois valores: fixo e rolagem;
• -Webkit-mask-Clip O efeito de recorte das fronteiras de elementos;
• -Webkit-mask-position O uso é semelhante ao atributo de posição de fundo.
• -Webkit-mask-original especifica a âncora do atributo -webkit-mask-position. Existem três atributos: borda, conteúdo e preenchimento.
• -Webkit-mask-image Máscara de máscara de imagem, valor é o caminho da imagem;
• -Webkit-mask-repeat Repetitive Configurações,
• -Webkit-Mask-Composite Mix Styles. O padrão é a borda, o que significa que o fundo se estende à área de fronteira. Também pode ser definido para preenchimento.

Outras melhorias

O Safari4 também adiciona ou aprimora o suporte de outros atributos CSS. Por exemplo, a posição de fundo começa a suportar efeitos de animação, então não o repetirei aqui.

Pode -se observar que os novos atributos CSS adicionados pelo Safari não são o conteúdo no padrão W3C, mas os atributos privados dessas webkits podem realmente nos permitir desenvolver melhores aplicativos de rede.

Caráter Wai-Ara

Eu acredito que poucas pessoas sabem sobre Wai-Ara. WAI-ARIA significa Aplicativos Rich Internet de Acessibilidade da Web W3C, traduzidos como aplicativos ricos na Internet sem barreiras em chinês. Ao mesmo tempo, o W3C formulou padrões de papel Wai-Ara. O Google anunciou há pouco tempo que apoiará fortemente o WAI-ARIA, e a função de leitura de tela do Google Reader é implementada através do WAI-ARIA. Atualmente, o Firefox começou a apoiar o WAI-ARIA, e o IE8 o suporta parcialmente. O Safari 4 também começou a apoiar o papel de Wai-Ara. Confira o apoio do Safari 4 para Wai-Ara >>

Vale a pena notar que o WAI-ARIA parece apoiar apenas tags Div e Span. Para cooperar com Wai-Ara, o Safari também adiciona alguns atributos de suporte de HTML, como Aria verificado/ARIA-Level/Aria-Valuemax/Aria-Valuemin, etc.

Baixe o Safari:

PS: Este botão de download vem da página oficial do Safari Download. Se você tiver cuidado, descobrirá que o estilo desse botão obviamente não é o estilo da Apple, mas mais como o estilo do botão verde na página de download do Firefox.