为ios或android显示特定的东西？

问题描述：

如何从iOS设备和Android设备访问时更改div的内容。我正在为我工作的公司创建一个移动网站，它基于jquery移动框架。问题是如果用户在iOS设备上，那么他应该得到应用商店链接，如果他在Android设备上，那么他应该获得Android市场链接。为ios或android显示特定的东西？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Thank You</title> 
    <link rel="stylesheet" href="../../jquery.mobile-1.0.1.min.css" /> 
    <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/> 
    <script src="../../jquery.js"></script> 
    <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script> 
    <script src="../_assets/js/jqm-docs.js"></script> 
    <script src="../../jquery.mobile-1.0.1.min.js"></script> 


    <script type="text/javascript"> 
    <!-- 
    if (screen.width >= 330) { 
    document.location = "indexandroid.html"; 
    } 
//--> 
</script> 

</head> 
<body> 
<div data-role="page" class="type-home"> 
<div data-role="header" data-theme="f"> 
     <h1>ThankYou!</h1>  
     <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home">Home</a> 
    </div><!-- /header --> 

    <div class="content-secondary"> 
    <div> 
      <p class="intro2"><strong>Download the App.</strong></p> 
      <div class="store"> 
      <a href="##"><img src="../_assets/images/app-store.png"></a> 
      <a href="##"><img src="../_assets/images/android-market.png"></a> 
     </div> 
     </div> 


</div> 
</body> 
</html>

现在我有这个JavaScript代码，发送用户到特定页面，如果有屏幕尺寸大于特定的一个。

答

据我所知，这样做将与用户代理检测最简单的方法...

var ua = navigator.userAgent.toLowerCase(); 
var isAndroid = ua.indexOf("android") > -1; 
var isiPhone = ua.indexOf("iphone") > -1; 
if(isAndroid) { 
    // display your android app store etc.. 
}

等等

感谢瑞安，它是为iPhone工作，但似乎无法使其在iPad上工作。 android很好。 – user1139877 2012-03-06 00:55:19

答

从用户体验的角度来看，我会显示这两个链接。客户可能认识到两种平台都存在应用程序，因为他们可能会了解公司中的其他人或其他潜在客户，即使他们没有相同的操作系统。

也就是说，你需要做的是检查用户代理字符串。

jQuery的browser是一个选项：

http://api.jquery.com/jQuery.browser/

屏幕尺寸是移动操作系统的差，如果不坏的指标。

我会看看到jQuery的浏览器选项。我知道，我想展示他们两个，但我的老板想用另一种方式。谢谢DA。 – user1139877 2012-03-05 04:39:03

为ios或android显示特定的东西？

相关推荐