我有一个带有静态HTML链接的HTML img标记。
我的想法是根据用户连接的设备类型动态更改该链接(但不是图像)。我关注的主要设备类型是PC,谷歌/ Andriod,Ios,亚马逊/ Andriod。
是否有HTML / CSS / Javascript解决方案,或者是php / dom / server端唯一的选择?
答案 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?