Question

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

所以，如果您使用的是iPhone，这只会产生一个真或假：

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

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

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

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

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

任何帮助开始这个？

由于

Answer 1

您最初需要隐藏所有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();

Answer 2

尝试从以下位置获取信息：

window.navigator.userAgent;

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

这似乎是一个可以使用的随时可用的脚本： MobileESP

Answer 3

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

Answer 4

尝试这样的事情：

<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>

我希望这有帮助！

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

4 个答案: