Format Pour Téléphone Mobile ? 
Author: Legros Bernard
Visited 3151,
Followers 4,
Shared 41
Comment peut on savoir si website x5 v9 permet le format pour téléphone mobile ?
*** Je suis débutant avec Website x5 v9 , je découvre qu'il est impossible après avoir fait quelques pages de mon site , de voir celui-ci en format pour mobile .
Savez-vous comment on peut faire un site avec Website afin qu'il soit visible sur les écrans d'ordinateurs mais aussi sur les téléphones portables ?
*** Pour cela , j'ai installé la barre de Développeur Web de Google dans Firefox.
Cordialement
Bernard
Posted on the
Salut Bernard, je n'y connaîs absolument rien en téléphonie mobile et j'utilise juste mon portable pour garder le contact avec la famille quand je suis à l'extérieur.
Toutefois, j'ai pu voir sur les téléphones de plusieurs de mes (grands) enfants et chez des amis aussi, que mon site passait bien sur leurs appareils. Parfois un peu long (enfin... tout dépend de ce que l'on peut appeler long lors d'une connexion) pour charger une galerie, mais tout était visible. Et mon site est en 1250 points pour la largeur.
Pourtant je n'ai rien fait de spécial, juste converti mon site de la V8 en V9... @suivre donc pour les pros du téléphone mobile. @+ ...J.P.
Bonjour Legros,
De nombreux smartphones permettent d'afficher des pages Web en insérant une balise meta qui permet visualisation plein écran sur les smartphones. Essayez d'entrer dans l'étape 1 dans la page Paramètres généraux -> Code personnalisé pour la section HTML HEAD suivantes:
<meta name="viewport" content="width=device-width;initial-scale=1.0" />
Google Translate:
Hello Legros,
Many smartphones allow to view web pages by inserting a meta tag that allows full-screen viewing on a smartphones. You try to enter in step 1 in the General Settings -> Custom Code for the following HTML HEAD section this HTML code:
<meta name="viewport" content="width=device-width;initial-scale=1.0" />
Bonjour si je peux apporter un éclairage supplémentaire voici quelques règles à respecter pour une page dédiée à une plateforme mobile.
» Peu de contenu par page
» Contenu fractionné en portion logique et bien délimité (permet le Double tab zoom)
» Présentation de lien sous forme de bouton facile à cliquer
» Texte en caractères larges et lisibles
» Limitation de la manipulation de la page par l'utilisateur (scrolling horizontal, zoom)
» Prise en compte des avantages et contraintes de la navigation tactile
» Simplicité du contenu, Safari portable n'aime pas les plug-ins, même les plus courants.
Limitations
Les événements javascript courants ne se comportent pas tous comme prévu pour des raisons de navigation tactile
» Pas de Flash ou Java (mais accepte PDF)
» Nombre de pages ouvertes simultanément limité à 8
» Page web limitée à 10 Mo
» Image limitée à 8 Mo
» Pas de Gif animés (Seule la 1ère image est affichée)
» Javascript limité à 5 secondes et à 10 Mo d'allocation
» Pas de Copier/Couper/Coller
» Pas de Drag/Drop
» Pas de sélection possible
En mettant le script suivant entre les balises meta, le site detectera automatiquement la plateforme mobile utilisée et cela vous permettra de créer les pages correspondantes.
<SCRIPT language="JavaScript"> if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { location.replace("iphone.html"); } if((navigator.userAgent.match(/iPad/i))) { location.replace("ipad.html"); } if((navigator.userAgent.match(/android/i))) { location.replace("android.html"); } else { location.replace("bureau.html"); } </script>
Une autre astuce consiste à tester la dimension du navigateur qui affiche la page et de réorienter si celle ci est en dessous de la dimension d'une plateforme de bureau.
Ici tout ce qui affiche en dessous de 640 de largeur d'écran sera orienté vers pda.html
<SCRIPT language=JavaScript> if (screen.width <=640) location="pda.html"; </SCRIPT>
Didier :-)