Cacher Safari Composants de l'Interface Utilisateur de l'iPhone

Dans une tentative de cacher le Safari composants de l'INTERFACE utilisateur pour une application web en signet comme une Icône de l'écran d'accueil. Je suis à l'aide de la balise meta 

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

comme spécifié sur l'iPhone Dev Center mais la barre d'adresse et la barre d'outils sont toujours là quand il est lancé à partir de l'écran d'accueil icône. Que dois-je faire? Quelqu'un aurait-il un exemple?

InformationsquelleAutor | 2008-11-07
  1. 30
    window.top.scrollTo(0, 1);

    Fonctionne sur l'iPhone, mais pas dans l'iPad. J'ai réussi cacher les composants du navigateur de l'iPad (donc vraisemblablement partout) à l'aide de

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

    et le lancement d'un accueil de l'écran de lien. Je suis également en utilisant

    <meta name="viewport" 
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    Je n'ai pas essayé de voir si le navigateur de composants, sont encore cachés si je quitte la fenêtre propriétés.

    • La première option est la seule chose qui a fonctionné pour moi. J'ai ajouté <body onload="window.haut.scrollTo(0,1);">, Et il a travaillé. Toutes les autres options n'ont pas de travail pour moi.
    • même ici, scrollTo(0,1) rend la barre d'adresse en aller, mais les balises meta ne semblent avoir aucun impact sur elle.
    • Une remarque importante sur apple-mobile-web-app-capable, si vous avez déjà l'application de signets, de supprimer le signet et ajouter de nouveau pour activer la modification.
    • Est-il un autre moyen, au lieu de "lancement à partir d'un accueil de l'écran de lien" pour le faire fonctionner sur l'iPad?
    InformationsquelleAutor Steve Jorgensen
  2. 7

    Est-il lancé à partir de l'écran d'accueil? La documentation sur la page du lien ne mentionne pas, mais j'ai trouvé ce @ La Configuration Des Applications Web:

    Par exemple, vous pouvez spécifier une icône pour votre application web utilisée pour le représenter lorsqu'il est ajouté à l'écran d'Accueil, comme décrit dans “Spécification d'une Page web Icône pour le Web Clip.” Vous pouvez également réduire le Safari sur l'iPhone, l'interface utilisateur, comme décrit dans “Modification de l'Apparence de la Barre de Statut et de Cacher Safari Composants de l'Interface Utilisateur,” lorsque votre application web est lancé à partir de l'écran d'Accueil. Ce sont tous des paramètres facultatifs qui ajouté à votre contenu web sont ignorés par d'autres plates-formes

    • Je suis moi aussi avoir cette peine un an plus tard. toutes les mises à jour?
    • Voici la mise à jour du lien: developer.apple.com/library/safari/#documentation/...
    • Spot sur crashmstr. La meta tags de travail... LORSQUE L'APPLICATION EST LANCÉE à PARTIR de L'ÉCRAN d'ACCUEIL.
    InformationsquelleAutor crashmstr
  3. 6

    Avez-vous essayé d'ajouter...

    <meta name="apple-touch-fullscreen" content="yes" />
    • c'est sans-papiers. probablement pas utilisé dans la version stable du navigateur Safari Mobile.
    • En effet, impossible de trouver une référence pour ce plus (écrit en 2010). Ressemble seulement <meta name="apple-mobile-web-app-capable" content="yes" /> est conseillé d'aujourd'hui (voir ici)
    InformationsquelleAutor Benoit
  4. 3

    De ce que je peux dire, iOS ne fait attention qu'à les drapeaux lorsque vous ajoutez l'application. Si l'apple-mobile-web-app-capable truc ne fonctionne pas au premier abord, essayez de supprimer votre application à partir de l'écran d'accueil, puis re-ajouter.

    J'ai mené quelques expériences et trouvé:

    • l'emplacement de la balise meta dans les en-têtes ne semble pas à la matière (j'ai pensé qu'il y en a!)
    • après l'ajout de l'application et de l'avoir supprimer la barre d'adresse correctement, si vous supprimez les balises meta de la page web, iOS continue de supprimer la barre d'outils.
    • même après le redémarrage de l'appareil, il continue à " se souvient qu'à supprimer la barre d'outils. Le seul moyen que j'ai trouvé de la réinitialisation de ce comportement est à supprimer et ajouter de nouveau l'application.

    Espère que ça aide!

    InformationsquelleAutor Andrew
  5. 2

    Je sais que c'est assez vieux, mais je suis tombé sur ce en quête d'une solution. J'ai été en mesure de résoudre ce problème en ajoutant également:

    window.top.scrollTo(0, 1);

    pour le corps de la méthode onload. Espérons que cela aide quelqu'un d'autre de venir à travers ce.

    InformationsquelleAutor mbxtr
  7. 1

    Essayer cette

    <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width; user-scalable=0;">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon" href="icon.png">
    InformationsquelleAutor Pierre
  8. 1

    Il y a une nouvelle directive qui s'appelle "minimal-ui" que iOS navigateur prend en compte (au moins sur l'iPhone, où j'ai testé). Les barres d'outils sont cachés jusqu'à ce que l'utilisateur clique sur la barre d'état en haut. Très agréable pour une page apps!

    Voici le bout de code que j'utilise:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">

    InformationsquelleAutor Cristian Dinu
  9. 0

    Qui devrait en effet se comporter comme prévu, je l'ai utilisé dans le passé sans aucune difficulté.

    InformationsquelleAutor wisequark
  10. 0
    <meta name="apple-mobile-web-app-capable" content="yes" />

    Cela va fonctionner si:

    1. La balise existe lorsque l'application est ajoutée à l'écran d'accueil.
    2. L'application est lancée à partir de l'écran d'accueil.
    InformationsquelleAutor Samuel Lindblom
  11. 0
    <meta name="apple-mobile-web-app-capable" content="yes" />

    fonctionne sur iOS6 + Mobile Navigateur Safari, mais UNIQUEMENT si vous avez ajouté la page à votre écran d'accueil APRÈS avoir inclus la balise meta sur votre site.

    InformationsquelleAutor Charles Ingalls
  12. 0

    tous au-dessus de meta tags et de la fenêtre.scrollTo, ne fonctionne pas sur l'ipad pour moi,
    j'ai trouvé un bouton sur safari à côté des signets lorsque vous obtenez une option appelée "Ajouter à l'Écran d'Accueil", il crée une nouvelle tuile de l'icône, et vous pouvez le lancer de votre application web comme une application native, et pas de barre d'adresse-il.

    InformationsquelleAutor jsDebugger
  13. 0

    Depuis iOS 7.1, vous pouvez utiliser minimal-ui

    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
    InformationsquelleAutor B.Asselin