Cacher la barre d'URL sur l'iPad ?

Je m'attaque à ce problème en distribuant l'application web sous la forme d'un profil de configuration. Plutôt que de demander aux utilisateurs d'appuyer sur le bouton mobile Safari pour ajouter l'application à l'écran d'accueil, vous leur demandez de télécharger le fichier de profil OTA à partir du serveur web.

Ils devront approuver l'installation du profil, mais vous pourrez alors contrôler l'icône et forcer l'attribut plein écran afin que vos utilisateurs ne voient pas le chrome de Mobile Safari.

Si votre contenu web s'ouvre dans Mobile Safari (comme le contenu web ici, vous pouvez essayer de jouer avec tous les liens dans l'application pour qu'ils soient relatifs au site ou programmer les choses pour qu'elles existent dans une base de données hors ligne plutôt que d'être des URL complètes qui font que Safari plein écran pense qu'il doit ouvrir une page liée dans l'affichage normal de Mobile Safari).

J'utilise également cet article sur le développement pour l'iPad - peut-être devez-vous définir le viewport et quelques autres éléments pour vous assurer que l'interface tactile est utilisée pour naviguer plutôt que pour ouvrir une nouvelle URL.

• Note technique TN2262 : Préparer votre contenu Web pour l'iPad
• Configuration des applications Web

J'ai eu exactement le même problème, bien que l'utilisation de l'attribut window.navigator.standalone, code corrige tout.

<script type="text/javascript">
$(document).ready(function(){
        // iOS web app full screen hacks.
        if(window.navigator.standalone == true) {
                // make all link remain in web app mode.
                $('a').click(function() {
                        window.location = $(this).attr('href');
            return false;
                });
        }
});
</script>