Meilleure méthode pour site Web mobile

Question

J'ai un site Web prêt mais il ne semble pas trop bon sur un téléphone mobile. Je pense qu'il serait trop compliqué d'utiliser des requêtes de médias CSS à ce stade.

Je code une autre page spécifiquement pour les mobiles. Comment irais-je rediriger les visiteurs des mobiles vers la version mobile? Ou mieux encore, allez de abc.com/home.html à abc/com/mobile.html si viewport < 600px?

Ceci est juste pour mon festival technique du Collège, donc je ne m'attends pas beaucoup de trafic sur la version mobile, mais je veux être en sécurité. Si possible, je voudrais utiliser un service web pour créer la page en me sauvant les tracas de tout codage. J'ai essayé paperlinks.com, et c'est parfait, sauf pour le fait que le 'welcome to paperlinks'. Tout autre service disponible. (Doit avoir intro, galerie de photos, vidéos, coordonnées, si coments possible)

Answer 1

Il y a plusieurs options:

1) Javascript, quelque chose comme

<script language=javascript> 
    if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
    { 
     location.replace("http://mobile.myurl.com"); 
    } 
</script> 

2) rewrite apache (en supposant apache) (évidemment pas une liste étendue!)

RewriteEngine on 
RewriteCond %{HTTP_USER_AGENT} iPhone 
RewriteCond %{HTTP_USER_AGENT} iPod 
RewriteRule .* http://mobile.myurl.com/ [R]