Articles of mobile safari

Comportamento estranho do evento JS do onchange () do select / dropdown ao usar o ‘Next’ na checkbox de seleção do item de lista suspensa do Mobile Safari

É difícil articular isso e sou novo no desenvolvimento da Web para dispositivos móveis. Por favor, tenha paciência comigo: Na minha página, eu tenho 3 listas suspensas aninhadas (Área, Cidade, Rua). Aninhados como em, os itens de cada lista suspensa são modificados quando a seleção na lista suspensa acima muda. por exemplo, selecionar uma Área […]

O iPad Safari mobile parece ignorar a posição de z-indexing para elementos de vídeo html5

Eu tenho um elemento de vídeo em uma página que está funcionando bem tanto no Safari quanto na área de trabalho. Eu tenho um menu suspenso transparente que está funcionando bem. O problema é que, quando o menu está sobre o elemento vídeo, no safari da área de trabalho eu posso ver o vídeo no […]

alterando programaticamente os valores de transformação do webkit em regras de animação

Eu tenho essa folha de estilo: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, 1620px, 0px); } } Agora, gostaria de modificar o valor de 1620px dependendo de alguns parâmetros. Como isso: @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 100% { -webkit-transform: translate3d(0px, height*i, 0px); } […]

Como depurar sites em dispositivos móveis?

Como as pessoas depuram sites em dispositivos móveis? Eu gostaria de ser capaz de manipular o HTML e CSS semelhante ao uso do Inspector em um navegador de desktop e depurar JavaScript.

Bug do Safari Móvel no botão posicionado fixo após o scrollTop ter programaticamente alterado…?

Estou quase terminando uma página da Web, mas há um bug no Mobile Safari (iPhone e iPad iOS 5.0.1) com dois botões fixados nos cantos superior e inferior direito. Os botões não desaparecem até depois de clicar em enviar em uma checkbox de texto que se abre para o resto da página … Depois que […]

A tag de vídeo HTML5 não funciona no Safari, iPhone e iPad

Eu estou tentando criar uma página web html5 em que há um pequeno vídeo como 13s, eu converti a versão flash deste vídeo em 3 formato: .ogv usando fireFogg, .webm usando firefogg também e .mp4 usando o aplicativo HandBrake o script html Eu usei na minha página: O vídeo está funcionando bem no Chrome e […]

como exibir corretamente um iFrame no safari móvel

Estou tentando exibir um iframe no meu aplicativo da web para celular, mas estou com problemas para restringir o tamanho do iframe às dimensões da canvas do iPhone. Os atributos height e width no elemento iframe parecem não ter efeito, estranhamente. Envolvendo-o com um div consegue restringi-lo, mas não consigo rolar no iframe. Alguém já […]

Posicionamento fixo no Mobile Safari

É possível posicionar um elemento fixo em relação à viewport no Mobile Safari? Como muitos notaram, position: fixed não funciona, mas o Gmail acabou de sair com uma solução que quase é o que eu quero – veja a barra de menu flutuante na canvas de mensagens. Obter events de rolagem em tempo real em […]

Posso alterar a metatag da viewport no Safari móvel instantaneamente?

Eu tenho um aplicativo ajax criado para o Safari móvel que precisa exibir diferentes tipos de conteúdo. Algum conteúdo que eu preciso escalável pelo usuário = 1 outro conteúdo que eu preciso escalável pelo usuário = 0. Existe uma maneira de atualizar isso em tempo real sem atualizar a página?

Javascript para “Adicionar à canvas inicial” no iPhone?

É possível usar o Javascript para emular a opção Adicionar à canvas inicial no menu de favoritos do Mobile Safari? Algo semelhante ao do IE window.external.AddFavorite(location.href, document.title); possivelmente?