2011-09-26 3 views
1

J'ai une application Web que je construis un site mobile pour. J'essaye de l'exécuter en plein écran sans une barre de navigation si l'utilisateur a ajouté la page à leur écran d'accueil.Application Web en mode plein écran sur l'iPod

En ce moment, mon javascript est très simple:

if (navigator.standalone) { 
    alert ('From Home Screen'); 
} else { 
    alert ('From Browser'); 
} 

Tout ce que je veux vérifier est si je peux détecter si l'utilisateur a ajouté l'application à leur écran d'accueil. Avec le code ci-dessus, même après avoir ajouté l'application à l'écran d'accueil, l'application est seulement attrapée par l'instruction else.

En regardant à travers la documentation de pomme, je trouve ce Goody:

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

Ajouter ce code à mon ne semble pas faire une chose. Je n'arrive toujours pas à faire passer le site en mode plein écran ou à l'alerter en mode autonome.

Répondre

1

Cette méta-étiquette est (apparemment) traitée lorsque le lien est ajouté à l'écran d'accueil. Donc, si vous l'avez ajouté à votre écran d'accueil avant d'ajouter la balise meta, cela n'aura aucun effet.

Essayez de supprimer l'icône de votre écran d'accueil et de l'ajouter à nouveau.