根据移动设备更改链接

时间:2013-05-23 22:22:24

标签: javascript html css responsive-design adaptive-design

我有一个带有静态HTML链接的HTML img标记。

我的想法是根据用户连接的设备类型动态更改该链接(但不是图像)。我关注的主要设备类型是PC,谷歌/ Andriod,Ios,亚马逊/ Andriod。

是否有HTML / CSS / Javascript解决方案,或者是php / dom / server端唯一的选择?

2 个答案:

答案 0 :(得分:2)

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');
}

答案 1 :(得分:1)

您可以考虑对设备尺寸使用 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?