Redirection mobile
https://stackoverflow.com/questions/609423
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianQuestion
J'ai une page Web et on m'a récemment demandé de créer la version mobile. Maintenant que je l'ai fait, il m'a été demandé de faire une redirection automatique afin que, si l'utilisateur accède à la page Web via un PDA / iPhone / Smartphone / etc, il / elle est automatiquement dirigé vers le site m.website.com mais je ne sais pas comment faire cela = / j'ai déjà essayé des php et des javascripts que j'ai trouvés avec Google mais rien ne m'a aidé jusqu'à présent. Pourriez-vous les gars?
La solution
Consultez WURFL et créez un redirecteur 302 pour les agents d’utilisateur correspondant à sa liste de chaînes d’agent d’utilisateur du navigateur mobile.
Vous pouvez également rechercher un iPhone dans User-Agent et le rediriger vers votre site iPhone. Les autres navigateurs détiennent une telle part de marché qu'il ne vaut guère la peine de les cibler. L'iPhone représente 67% du trafic HTML sur le Web mobile. Vous pouvez le faire en Javascript sur votre page Web.
Autres conseils
J'ai publié la dernière version de "Apache Mobile Filter", ce projet open source a, au cours des 8 premiers mois, plus de 1 100 téléchargements de Sourceforge et, je suppose, de la même chose de CPAN.
Le filtre Apache Mobile vous permet d’accéder à WURFL à partir de n’importe quel langage de programmation, pas seulement Java et php, traditionnellement utilisés pour les sites Web mobiles dynamiques.
Le module détecte le périphérique mobile et transmet les capacités WURFL à l'autre application Web en tant que variables d'environnement. Il peut également être utilisé pour redimensionner des images à la volée afin de s’adapter à la taille de l’écran de l’appareil mobile. Essayez-le et laissez-moi savoir votre opinion.
Pour plus d'informations: http://www.idelfuschini.it /it/apache-mobile-filter-v2x.html
J'ai écrit un script JS intitulé " redirection_mobile.js ". pour résoudre ce problème. Il détecte l'agent d'utilisateur et redirige vers une version mobile si vous accédez à un site depuis un appareil mobile.
Dans certains cas, vous souhaitez rediriger un appareil mobile vers une version de bureau (par exemple, avec un lien "Accéder au site principal"), le script s'en chargera et une fois la session terminée, vous pourrez accéder à la version mobile à nouveau.
Vous pouvez trouver le code source sur github ici https://github.com/sebarmeli/JS-Redirection-Mobile-Site et vous pouvez lire plus de détails dans l'un de mes articles ici:
peut-être que si vous indiquez que votre code ne fonctionne pas, une aide supplémentaire pourrait être fournie.
si vous avez php, la détection de l'agent utilisateur fonctionne bien dans la plupart des cas.
< ?php
$browser = strpos( peut-être que si vous indiquez que votre code ne fonctionne pas, une aide supplémentaire pourrait être fournie.
si vous avez php, la détection de l'agent utilisateur fonctionne bien dans la plupart des cas.
<*>
En outre, cela ressemble à un dupe de:
Identification de différents combinés mobiles et redirection vers différents sites Web
SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { header(”Location: http://www.example.com/“); }
}
?>
En outre, cela ressemble à un dupe de: Identification de différents combinés mobiles et redirection vers différents sites Web
Une question très similaire a été posée et répondue ici:
Comment savoir s'il s'agit d'un appareil mobile avec PHP?
Traditionnellement, les appareils mobiles ont été détecté en comparant le HTTP En-tête User-Agent par rapport à une liste de chaînes de UA mobiles bien connues. Un roman approche tente plutôt de détecter la présence d'un système d'exploitation de bureau - n'importe quoi qui se trouve ne pas être un système d'exploitation de bureau doit alors être mobile.
Cela donne beaucoup moins de faux positifs.
J'ai écrit un article avec un exemple de code en Python ici:
Détectez si un appareil est un ordinateur de bureau. Si ce n’est pas le cas, redirigez-le vers votre site mobile!
A bientôt,
John
Une fois que vous avez configuré votre sous-domaine mobile, veillez à vous référer à cet article de A List Apart , qui décrit la réaction des périphériques mobiles à l'attribut CSS, media = "handheld". Malheureusement, tous ne réagissent pas de la même manière.
http://www.alistapart.com/articles/returnofthemobilestylesheet
Le " Filtre mobile Apache " est l’un des modules de " Apache Module Registry " portail ( http://modules.apache.org/search.php?id=1787 )
J'utilise http://detectmobilebrowser.com et j'ai trouvé que c'était le moyen le plus rapide et le plus simple. Ça marche plutôt bien. Ce site génère automatiquement des scripts de serveur (php, perl, python, coldfusion, apache, jquery, etc.) qui détectent le navigateur mobile et redirigent en conséquence. Vous pouvez simplement copier et coller le code quelque part dans votre fichier d'index.
Ce morceau de Javascript pourrait également aider:
<script>
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB10|IEMobile|Opera Mini/i.test(navigator.userAgent) ) //Specify the mobile devices that you would like this if statement to apply to.
{
image_y = document.getElementById('bodyID'); //Get the ID of the body and assign it to a variable.
image_y.parentNode.removeChild(image_y); //Remove the body to prevent anything loading on the screen in case there are issues with the window location redirect.
window.location = "mobile.html"; //Re-assign the window location to a new html page that is caters for the redirect.
}
</script>
Je l'ai placé au début du corps HTML.
