Comment forcer l'orientation paysage dans votre application Web ?

Découvrez le secret pour appliquer l'orientation paysage pour votre application

Ce n'est un secret pour personne que certaines applications nécessitent un mode d'orientation spécifique. Si votre application n’est absolument pas conçue pour le mode portrait, vous vous êtes peut-être heurté à un mur de briques. La possibilité de forcer le mode d'orientation paysage est depuis longtemps une fonctionnalité manquante, mais n'ayez crainte !

Solution originale : détection limitée et aucun contrôle

Traditionnellement, vous ne pouviez détecter que l'orientation actuelle à l'aide de requêtes multimédias CSS3 ou d'événements JavaScript pour déclencher les styles CSS appropriés. Même si cela vous permettait de réagir aux changements d'orientation, le comportement naturel de l'appareil prévalait toujours, ce qui signifie que vous ne pouviez pas imposer une orientation spécifique.

Manifeste d'application Web HTML5 à la rescousse

Enfin, le manifeste de l'application Web HTML5 propose une solution. Avec l'ajout d'un fichier manifest.json, vous pouvez désormais définir les propriétés suivantes :

• affichage : contrôle le mode de l'interface utilisateur (autonome, plein écran, minimal-ui ou navigateur)
• orientation : Applique le mode paysage ou portrait (paysage ou portrait)

En incluant ces lignes dans votre manifest.json et en les liant dans votre fichier HTML, vous pouvez enfin forcer l'orientation paysage pour votre application.

Détails de mise en œuvre :

{
    "display": "fullscreen", /* Choose UI mode here */
    "orientation": "landscape"
}

<link rel="manifest" href="manifest.json">

Navigateurs pris en charge :

Actuellement, Chrome prend en charge le manifeste de l'application Web. fonction de verrouillage d’orientation. Au fur et à mesure que nous recueillons plus d’informations, nous mettrons à jour cet article en conséquence.

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!