É possível ocultar a barra de endereço e a barra de status no iOS 7 Safari?

12

É possível ocultar a barra de endereço e a barra de status no iOS 7?

Em um aplicativo de paisagem, atualmente estou usando o código abaixo para fazê-lo nas versões anteriores do iOS e funciona bem mesmo no IOS 7: ao abrir a página, ele fica em tela cheia e permanece assim.

JS:

window.addEventListener("load",function() {
    // Set a timeout...
    setTimeout(function(){
        // Hide the address bar!
        window.scrollTo(0, 1);
    }, 0);
});

HTML:

<!-- For iOS web apps -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="AMC Walking Dead Story Sync">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

O fato é que, no iOS 7 iPhone e iPad, ao tocar na parte inferior da tela, a barra de endereço e a barra de status são exibidas e a única maneira de se livrar dela é alterar a orientação do telefone e alterá-la novamente para a orientação anterior. Existe alguma maneira de evitar essa manipulação?

svassr
fonte
Muitas respostas sobre este já stackoverflow.com/questions/18813476/…
AllInOne 17/10/2013
Não vejo uma resposta no SO que funcione mais do que o código de exemplo aqui. Hmm ...
bmike

Respostas:

15

Existe um método:<meta name="viewport" content="minimal-ui”>
( mas funciona apenas no iOS 7.1 - não no 7.0 nem no 8.0 )

fonte: StackOverflow


Mais detalhes, no log de alterações do iOS 7.1 beta 2 e nas notas de versão :

Notas do Safari

Uma propriedade, minimal-ui, foi adicionada à chave de meta tag da viewport que permite minimizar as barras superior e inferior do iPhone à medida que a página é carregada. Enquanto estiver em uma página usando interface mínima, tocar na barra superior traz as barras de volta. Tocar novamente no conteúdo os dispensa novamente.

Por exemplo, use <meta name=”viewport” content=”width=1024, minimal-ui”>.


atualização: confirmei que este método funciona no iOS 7.1 (versão final oficial). Você pode confirmar por si mesmo com meu aplicativo da web , que usa a solução de metatags descrita acima.

insira a descrição da imagem aqui

Leftium
fonte
Vou aguardar o lançamento final, em seguida, para tentar, e aceitarei sua resposta. Muito obrigado.
precisa
Hmmmm. Estou usando o 7.1.1 e seu aplicativo Web vinculado acima NÃO oculta a barra de endereços etc. quando carregada. Eles o quebraram no 7.1.1?
Brian B
7
Isso foi removido no iOS8.
Charlie Schliesser
1
Verifique esta publicação sobre a implementação do IOS8: stackoverflow.com/questions/24889100/…
#
1

Eu já vi isso recomendado. <meta name="apple-mobile-web-app-capable" content="yes"> Ele executa o site no modo autônomo, que oculta a interface do usuário. Não estou claro como isso se compara à solução de interface do usuário mínima acima. Tenho a impressão de que esta solução funciona para versões do iOS anteriores à 7.1 também.

Tim
fonte
5
Esta solução funciona apenas para a página da web que você adiciona como aplicativo à sua tela inicial.
svassr