Est-il possible de masquer iOS navigateur google chrome sur une page web normale

De sorte que vous pouvez faire un site web go "plein écran" et de cacher la addressbar/chrome sur ipad si l'utilisateur ajoute votre page à leur écran d'accueil, ce qui rend une icône sur l'écran d'accueil de lancer votre site à partir d'. Vous venez de mettre des balises meta comme ceci:

<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-touch-fullscreen" content="yes" />

Cependant, je n'ai pas été en mesure d'obtenir un site pour masquer le navigateur google chrome lorsque la page est juste normal de la session de navigation (l'utilisateur n'a pas lancé votre site directement à partir d'une icône sur leur écran d'accueil). Est-il possible de le faire? Comment?

- Je prendre ce que vous voulez le comportement de dire mobile de Gmail, mais sans avoir d'avoir une icône sur votre écran d'accueil... correct? - basé sur ce que j'ai lu ici: daringfireball.net/linked/2008/10/03/fullscreen-iphone-web-apps il ne s'applique que si il y a une icône de l'écran.
Gmail n'est dans une certaine mesure. Vous pouvez toujours faire défiler la barre d'adresse en vue avec deux doigts vers le bas. La recherche dans leurs façons de faire maintenant.
Jinx!
Jinx en effet! - Bravo pour les 2 doigts de la pointe pour obtenir la barre d'adresse de retour! J'ai été à la recherche de cette capacité pour un bon moment maintenant!
c'est correct. J'aimerais déterminer s'il est possible (ou pas) d'avoir un comportement sans avoir à lancer à partir d'un écran d'accueil touche.

OriginalL'auteur Rafe | 2011-06-22

  1. 8

    Selon la Apple Docs il ne veut pas spécialement dire que vous ne pouvez pas (cependant, comme vous l'avez remarqué, il semble que se comporter comme souhaité lorsque le site a été ajouté à votre écran d'accueil).

    J'ai aussi remarqué que sur la Apple Forum De Support le consensus semble être que vous avez besoin pour lancer à partir de l'écran d'accueil pour obtenir l'effet désiré.

    Citation de Docs:

    apple-mobile-web-app-capable

    Détermine si une application web s'exécute en mode plein écran.

    Syntaxe

    <meta name="apple-mobile-web-app-capable" content="yes">

    Discussion

    Si le contenu est défini à oui, l'application web s'exécute en mode plein écran; sinon, il ne le fait pas. Le comportement par défaut est d'utiliser Safari pour afficher un contenu web.

    Vous pouvez déterminer si une page web est affichée en mode plein écran à l'aide de la window.navigator.standalone en lecture seule Boolean JavaScript propriété.

    Disponibilité

    Disponible dans iOS 2.1 et version ultérieure.

    OriginalL'auteur scunliffe

  2. 3

    J'ai trouvé cela fonctionne,

    $('body').delay('1000').animate({ scrollTop: '0px' }, 'slow');

    J'ai remarqué que le défilement vers le bas supprimé, donc défiler 60px (hauteur du chrome), mais que de le cacher et défile vers le bas de la page, mais à un défilement de 0px, en supposant que votre page a commencé à le haut (pas sur un # cible), des imbéciles!

    Je pense que l'on peut même supprimer le délai et les animer, mais je voulais qu'il soit lisse, et pas trop saccadé.

    C'est un truc sucré!
    Cela ne semble pas fonctionner (je suis sous iOS 8).
    Cela ne fonctionne pas sur iOS 9.3.1 - Safari

    OriginalL'auteur Will Hancock