javascript - 根据移动设备更改链接

Question

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

我的想法是根据我的用户连接的设备类型动态更改该链接（但不是图像）。我关心的主要设备类型是 PC、Google/Andriod、Ios、Amazon/Andriod。

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

Answer 1

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

Answer 2

您可以考虑对设备尺寸使用CSS媒体查询：http: //css-tricks.com/snippets/css/media-queries-for-standard-devices/

或者您可以使用某种服务器端检测库，例如：https ://code.google.com/p/php-mobile-detect/

或者您可以使用javascript：在 jQuery 中检测移动设备的最佳方法是什么？