J'ai une balise HTML img avec un lien HTML statique.Modification des liens en fonction de l'appareil mobile
Mon idée est de changer dynamiquement ce lien (mais pas l'image) en fonction du type d'appareil à partir duquel mon utilisateur se connecte. Les principaux types d'appareils qui me préoccupent sont PC, Google/Andriod, Ios, Amazon/Andriod.
Existe-t-il une solution HTML/CSS/Javascript, ou est-ce que php/dom/server est la seule option?
Javascript/JQuery travaillera pour vous. Disons que vous avez utilisé le code d'ici pour détecter les différents navigateurs mobiles: http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/
Ensuite, vous pouvez écrire quelque chose comme ceci:
if(isMobile.iOS() || isMobile.Android()){
$('a#mylink').attr('href', 'http://newlink.com');
}
Et si quelqu'un utilise Windows, Symbian ou un appareil basé sur Linux? – RobG
Le code auquel je suis connecté détecte Android, Blackberry, iOS, Windows Phone et Opera. Si vous devez détecter d'autres chaînes d'agent utilisateur, l'ajout d'une nouvelle fonction est trivial. Ou bien, trouvez une autre bibliothèque qui gère tous les navigateurs que vous voulez détecter. – ChrisLTD
Il y a des milliers (littéralement) de [user agent strings] (http://www.useragentstring.com/pages/useragentstring.php), l'utiliser pour détecter les périphériques signifie que vous serez sur un tapis roulant sans fin de mises à jour fréquentes. – RobG
Vous pouvez envisager d'utiliser CSS requêtes des médias pour les tailles de l'appareil: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
OU vous pouvez utiliser une sorte de côté serveur bibliothèque de détection comme: https://code.google.com/p/php-mobile-detect/
OU vous pouvez utiliser javascript: What is the best way to detect a mobile device in jQuery?
Ne le faites pas sur le client, faites-le sur le serveur. Le navigateur côté client ou la détection de périphérique n'est pas fiable et nécessite une maintenance constante. – RobG