Comment pouvons-nous obtenir une expérience plein écran douce sur iOS 8 sans la propriété Viewport « minimal-ui » ?

iOS 8 supprime la propriété de fenêtre « minimal-ui » : solutions de contournement souples en plein écran

Avec la sortie d'iOS 8 bêta 4, la question se pose : Pouvons-nous toujours créer une expérience utilisateur « plein écran doux » sur les appareils iOS sans la fenêtre d'affichage minimale de l'interface utilisateur propriété ?

Préoccupation : visibilité de la barre d'adresse

L'un des défis des expériences en plein écran consiste à masquer la barre d'adresse et le menu de navigation. Traditionnellement, un div wrapper remplissant la fenêtre et définissant le débordement sur caché ou automatique pourrait résoudre ce problème. Cependant, cette méthode interdit au navigateur de masquer ces éléments.

Stratégie révisée

Bien que la propriété minimal-ui ne soit plus prise en charge, le concept demeure. Les utilisateurs peuvent toujours y accéder avec un geste « toucher-glisser vers le bas ». Pour gérer efficacement cet état d'affichage et calculer les dimensions de l'interface utilisateur minimale, des solutions tierces telles que Brim - View Manager pour iOS 8 ont vu le jour.

Implémentation de Brim

La mise en œuvre de Brim implique :

1. Création d'un élément "tapis roulant" invisible pour assurer un contenu suffisant pour l'activation de l'interface utilisateur minimale.
2. Utiliser Scream pour détecter si la page est en mode ui minimal.
3. Désactiver le défilement des documents en mode ui minimal pour éviter toute sortie accidentelle.

Avantages de Brim

Le résultat est une transition en douceur vers l'entrée et la sortie de la vue minimale de l'interface utilisateur, offrant aux utilisateurs une expérience plein écran sans compromettre la fonctionnalité et l'accessibilité du navigateur.

Considérations supplémentaires

Il est important de noter que la détection de l'orientation de l'appareil à l'aide de Scream n'est fiable qu'une fois l'animation de rotation terminée terminé.

Conclusion

Bien que la suppression de la propriété minimal-ui viewport puisse sembler un revers, des solutions comme Brim proposent des méthodes alternatives pour obtenir un "plein écran doux" expérience sur les appareils iOS 8, équilibrant le besoin d'espace d'écran avec l'accessibilité et la satisfaction des utilisateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!