Sujet Précédent Sujet Suivant

Choix affichage écran pc ou smartphone

Fermé
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 - 19 oct. 2019 à 18:27
jordane45 Messages postés 38164 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 mai 2024 - 20 oct. 2019 à 18:48
Bonjour,

J'ai un site internet qui s'affiche très bien sur smartphone.
J'en ai un deuxième où il faut que je mette le smartphone en position horizontale pour l'afficher correctement. Cela car le menu du deuxième est différent du premier.
Ça m'embête de modifier le menu du deuxième car l'affichage sur pc me plait.
Existe t'il avec un script de détection de l’agent utilisateur (pc ou smartphone) qui redirige vers une version adaptée d'affichage du menu ? Ainsi, si le site s'affiche sur pc, j'utilise le menu A, et si le site s'affiche sur smartphone, j'utilise le menu B.
Merci pour vos réponses !
A voir également:

3 réponses

Réponse 1 / 3
NHenry Messages postés 15114 Date d'inscription vendredi 14 mars 2003 Statut Modérateur Dernière intervention 4 mai 2024 331
19 oct. 2019 à 19:46
Tu peux regarder pour rendre ton site "responsive design" .
0
Réponse 2 / 3
jordane45 Messages postés 38164 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 mai 2024 4 658
19 oct. 2019 à 22:46
Bonjour,

Comme te l'a indiqué Nhenry.. il serait préférable de rendre ton site "responsive" .
Cela permet qu'il s'affiche à coup sûr correctement sur tous les périphériques.

Maintenant..; si tu tiens absolument à avoir deux sites déifférents en fonctions du device..
tu peux le gérer ..
Soit en Javascript, par exemple avec
http://hgoebl.github.io/mobile-detect.js/

Soit en PHP avec
http://mobiledetect.net/

Bien entendu.. je suis parti du principe que tu as codé ton site en php.... vu que tu n'indiques pas le langage utilisé....

Quoi qu'il en soit, quelque soit le langage que tu utilises, tu trouveras des milliers de codes/exemples/tutos à ce sujet sur le net....
Il faut juste prendre la peine de chercher au moins 30 secondes...

Bonne soirée.
0
Réponse 3 / 3
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 11
20 oct. 2019 à 17:56
Merci à vous ! Je vais voir cela de plus prêt !!!!!
Je pense que la première chose à faire est de définir les dimensions en %.
0
jordane45 Messages postés 38164 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 mai 2024 4 658
20 oct. 2019 à 18:25
Si tu veux faire un site responsive... le plus simple est d'utiliser un framework css tel que bootstrap.
0
t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024 11 > jordane45 Messages postés 38164 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 mai 2024
20 oct. 2019 à 18:43
Je comprends pas trop ce qu'est bootstrap !?
Un logiciel à placer à la racine du site, ou une aide pour réécrire le css ?
0
jordane45 Messages postés 38164 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 7 mai 2024 4 658 > t671 Messages postés 1419 Date d'inscription lundi 25 février 2008 Statut Membre Dernière intervention 26 février 2024
20 oct. 2019 à 18:48
Bootstrap est un ensemble de script ( Javascript et CSS) qui permet de créer facilement des sites responsive
https://getbootstrap.com/docs/4.3/getting-started/introduction/

cela t'obligera à réécrire le code de tes pages bien entendu afin que la structure html soit adaptée à l'utilisation de ces fonctions.
Tu trouveras de nombreux exemples dans la documentation officielle
https://getbootstrap.com/docs/4.0/examples/
ou ailleurs sur le web
https://www.w3schools.com/bootstrap/bootstrap_examples.asp
0