Apple dit dans la référence HTML de Safari que le code ci-dessous est censé rendre l'application Web en plein écran sur iPhone OS 2.1 et plus tard.
Mais cela ne semble pas fonctionner. Existe-t-il un moyen de masquer la barre de titre/localisation dans Safari dans une application Web pour iPad ?
Si vous ajoutez cette balise meta à votre ancienne page d'URL que vous avez précédemment consultée sur Safari, vous devez d'abord actualiser l'URL, puis l'ajouter à l'écran d'accueil pour que la balise meta fonctionne.
Cela ne fonctionne pas pour moi sur un projet Laravel. J'ai ajouté ceci à mon modèle de mise en page app.blade. Ceci est utilisé par chacune de mes pages, donc l'en-tête devrait (et le fait) apparaître sur chaque page. Pourtant, j'ai toujours des barres Safari sur mon iPhone et mon iPad même après avoir effectué de nombreux tests pour vider le cache, recréer le raccourci de l'écran d'accueil comme mentionné dans ce post. Y a-t-il autre chose qui pourrait empêcher les barres Safari de se cacher? pastebin.com/iSFDXjFz Voici la section head de mon fichier app.blade.php. Merci d'avance.
Tout d'abord, lancez votre navigateur Safari depuis l'écran d'accueil et allez sur la page web que vous souhaitez afficher en plein écran.
Une fois la page web localisée, appuyez sur l'icône en forme de flèche en haut de votre écran.
Dans le menu déroulant, appuyez sur l'option Ajouter à l'écran d'accueil.
La fenêtre Ajouter à l'écran d'accueil devrait s'afficher. Vous pouvez personnaliser la description qui apparaîtra comme titre sur l'écran d'accueil de votre iPad. Lorsque vous avez terminé, appuyez sur le bouton Ajouter.
Une nouvelle icône devrait maintenant apparaître sur votre écran d'accueil. En appuyant sur l'icône, la page web s'ouvrira en mode plein écran.
Note : L'icône sur l'écran d'accueil de votre iPad n'ouvre que la page mise en favori en mode plein écran. La page suivante que vous visitez affichera les barres d'adresse et de titre de Safari. Cette méthode pour afficher votre page web ou votre présentation HTML5 en mode plein écran fonctionne si le code source de la page web contient la balise suivante :
Vous pouvez ajouter cette balise à votre page web en utilisant un outil tiers, par exemple iWeb SEO Tool ou tout autre outil que vous aimez. Veuillez noter que vous devez d'abord ajouter la balise, rafraîchir la page puis ajouter un favori à votre écran d'accueil.
Vous auriez pu dire que c'est une copie directe d'une instruction trouvée sur ispringsolutions.com/articles/… :-)
Et peut-être qu'ils ont copié la mienne. :) Regardez la date à laquelle j'ai répondu à cette question et comparez-la avec leur date de publication.
Cela ne semble pas pertinent pour la question ou le sujet en cours. Peut-être pourriez-vous expliquer comment il est lié ?
Très pertinent. C'est toujours le tout prochain enjeu après avoir mis l'application web en plein écran.
Ce site a une solution de contournement fonctionnelle, même effet, utilise du javascript pour définir la hauteur totale de la première div enfant à celle du viewport. http://webapp-net.com/Demo/Index.html
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
