Historiquement, Discourse avait deux vues distinctes pour mobile et ordinateur. Au fil des ans, celles-ci ont eu tendance à converger vers une conception plus moderne basée sur la largeur de la fenêtre d’affichage. Ces modèles modernes sont documentés ici.
Dans la dernière version de Discourse, nous remplaçons la détection des modes mobile/ordinateur basée sur l’agent utilisateur, au profit d’une solution purement basée sur la largeur de la fenêtre d’affichage. Cela rendra les choses beaucoup plus intuitives pour les utilisateurs et les développeurs. En particulier, c’est une amélioration significative pour les utilisateurs de tablettes, qui ne rentraient jamais vraiment dans l’un des anciens modes.
Tout le code existant qui référence mobileView/desktopView dans les templates/JS, ou .mobile-view/.desktop-view en CSS, continuera de fonctionner. Ces booléens JS et ces classes CSS sont maintenant automatiquement modifiés en fonction de la largeur du navigateur.
De même, les feuilles de style dédiées au mobile/ordinateur sont maintenant chargées avec un attribut media=, de sorte qu’elles ne s’appliquent qu’à des largeurs de fenêtre d’affichage spécifiques.
Essentiellement : le « mode mobile » est maintenant un alias pour « la largeur du navigateur est inférieure à 40rem ».
Initialement, ce changement peut être annulé en activant le paramètre du site « mode mobile basé sur la fenêtre d’affichage » sur false. Cependant, ce paramètre sera supprimé dans un avenir proche. Donc, si vous trouvez la nécessité de l’utiliser, veuillez nous faire savoir la raison.
Comme toujours, n’hésitez pas à nous faire part de vos questions ou commentaires ci-dessous.
