O iOS 8 removeu a propriedade da janela de visualização "minimal-ui"; existem outras soluções de "tela cheia suave"?
(Esta é uma pergunta com várias partes, tentarei resumir o cenário.)
No momento, estamos construindo um aplicativo Web responsivo (leitor de notícias) que permite que os usuários deslizem entre o conteúdo com guias, bem como rolar verticalmente dentro de cada conteúdo com guias.
Uma abordagem comum para o problema é ter um wrapperdiv
que preenche a janela de exibição do navegador, definaoverflow
parahidden
ouauto
, depois role horizontalmente e / ou verticalmente dentro dele.
Essa abordagem é ótima, mas tem uma desvantagem principal:como a altura do documento é exatamente igual à janela de exibição do navegador, o navegador móvel não oculta a barra de endereços / menu de navegação.
temnumerosos hacks e propriedades de janela de visualização que nos permitem obter mais espaço na tela, mas nenhum é tão eficaz quantominimal-ui
(introduzido no iOS 7.1).
Chegou a notícia de que o iOS 8 beta4 havia removidominimal-ui
Mobile Safari (consulte a seção Webkit emNotas de versão do iOS 8), o que nos deixou pensando:
Q1 Ainda é possível ocultar a barra de endereço no Mobile Safari?
Até onde sabemos, o iOS 7não responde mais aowindow.scrollTo
hackear, isso sugere que temos que conviver com um espaço menor na tela, a menos que adotemos um layout vertical oumobile-web-app-capable
.
Q2 Ainda é possível ter uma experiência semelhante em tela cheia?
Portela cheia suave Eu realmente quero dizer sem usar omobile-web-app-capable
meta tag.
Nosso aplicativo da web foi desenvolvido para ser acessível, qualquer página pode ser marcada ou compartilhada usando o menu nativo do navegador. Adicionandomobile-web-app-capable
impedimos que os usuários invoquem esse menu (quando ele é salvo na tela inicial), o que confunde e antagoniza os usuários.
minimal-ui
costumava ser o meio termo, ocultando o menu por padrão, masmantendo-o acessível com um toque - embora a Apple possa ter removido devido a outros problemas de acessibilidade (como usuários que não sabem onde tocar para ativar o menu).
Q3 Uma experiência em tela cheia vale a pena?
Parece que umAPI em tela cheia não chegará ao iOS tão cedo, mas mesmo assim, não vejo como o menu será mantido acessível (o mesmo vale para o Chrome no Android).
Nesse caso, talvez devamos deixar o safari móvel como está e considerar a altura da janela de visualização (para iPhone 5+, é 460 = 568 - 108, em que 108 inclui a barra do SO, a barra de endereços e o menu de navegação; para o iPhone 4 ou mais velho, é 372).
Gostaria de ouvir algumas alternativas (além de criar um aplicativo nativo).