У меня есть тег HTML img со статической ссылкой HTML.Изменение ссылок на мобильные устройства
Моя идея - динамически изменять эту ссылку (но не изображение) в зависимости от того, с какого типа устройства подключается мой пользователь. Основными типами устройств, которыми я занимаюсь, являются ПК, Google/Andriod, Ios, Amazon/Andriod.
Есть ли для этого решение HTML/CSS/Javascript, или это php/dom/server side only options?
Javascript/JQuery будет работать на вас. Допустим, вы использовали код здесь, чтобы обнаружить различные мобильные браузеры: http://www.abeautifulsite.net/blog/2011/11/detecting-mobile-devices-with-javascript/
Тогда вы могли бы написать что-то вроде этого:
if(isMobile.iOS() || isMobile.Android()){
$('a#mylink').attr('href', 'http://newlink.com');
}
А если кто-то использует Windows, Symbian или Linux-устройство? – RobG
В коде, который я связал, будут обнаружены Android, Blackberry, iOS, Windows Phone и Opera. Если вам нужно определить другие строки пользовательского агента, добавление новой функции тривиально. Или, альтернативно, найдите другую библиотеку, которая обрабатывает весь браузер, который вы хотите обнаружить. – ChrisLTD
Есть тысячи (буквально) [строк пользовательских агентов] (http://www.useragentstring.com/pages/useragentstring.php), используя его для обнаружения устройств, означает, что вы будете на бесконечной беговой дорожке с частыми обновлениями. – RobG
Вы могли бы рассмотреть возможность использования CSS медиазапросов для размеров устройств: http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
ИЛИ вы могли бы использовать своего рода серверную библиотеку обнаружения, такую как: https://code.google.com/p/php-mobile-detect/
ИЛИ вы можете использовать javascript: What is the best way to detect a mobile device in jQuery?
Не делайте это на клиенте, делайте это на сервере. Клиентский браузер или обнаружение устройства ненадежны и требуют постоянного обслуживания. – RobG