检测浏览器-显示不同的链接

Detect browser - show different links

本文关键字：链接 显示 浏览器 检测      更新时间：2023-09-26

我正在检测用户拥有什么样的移动浏览器，并希望根据该浏览器显示适当的下载链接到正确的应用程序。所以Android到Android应用，Iphone到Iphone应用，等等

所以如果你使用的是iPhone，它就会显示一个True或False:

<script type="text/javascript"> 
    <!--
        document.write(DetectTierIphone());
    // -->
</script>

我只需要一个很好的简单的Javascript if语句显示iphone DIV如果上面的代码如果TRUE。

<div class="iphone">
<a>link</a>
</div>
<div class="android">
<a>link</a>
</div>
<div class="blackberry">
<a>link</a>
</div>

有什么帮助吗?

谢谢

首先需要隐藏所有div，然后使用.show()方法:

var ua = navigator.userAgent;
if (/iPhone|iPad|iPod/i.test(ua))
   $('div.iphone').show();
else if (/Android/i.test(ua))
   $('div.android').show();
else if (/Blackberry|RIM'sTablet/i.test(ua))
   $('div.blackberry').show();

尝试从:

获取信息
window.navigator.userAgent;

应该包含用户正在使用的设备的提示。

这似乎是一个准备使用的脚本，你可以使用它:MobileESP 

if ((navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPod") != -1)) {
    alert('iOS');
}

试试这样:

<script>
$('div.iphone, div.android, div.blackberry').hide();
if( navigator.userAgent.match(/Android/i)){
    $('div.android').show();
} else if ( navigator.userAgent.match(/webOS/i) || 
            navigator.userAgent.match(/iPhone/i) || 
            navigator.userAgent.match(/iPod/i)){
    $('div.iphone').show();
)
</script>

我希望这对你有帮助!

相关文章：