在Javascript中检测操作系统版本并重定向

时间:2013-02-18 07:48:54

标签: javascript jquery redirect mobile

美好的一天

我做了一些研究,发现您可以使用以下javascript来检测用户操作系统,无论是Android,iOS,Windows等:

var OSName="Unknown OS";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";

document.write('Your OS: '+OSName);

现在我想做的是根据他的操作系统将用户重新定位到苹果Appstore或谷歌Play商店,如下所示:

HTML:

<a href="" id="redirect">Download our App</a>

和相关的JS

if (OSName="MacOS" ){
$("#redirect").attr("href", "http://www.itunes.com/myapp")
}

elseif (OSName="Linux"){
$("#redirect").attr("href", "http://www.play.google.com/")
}
  (Linux is for Android right? )

这是正确/最好的方式吗/我的代码能运作吗?

谢谢

3 个答案:

答案 0 :(得分:5)

您的代码可以简化:

var playStoreUrl = "http://www.play.google.com/",
    appStoreUrl  = "http://www.itunes.com/myapp",
    platform     = navigator.platform;

if (/mac/i.test(platform))
    $("#redirect").attr("href", appStoreUrl);
else if (/linux/i.test(platform))
    $("#redirect").attr("href", playStoreUrl);
else
    // Handle the case where the OS is neither MacOS nor Linux

答案 1 :(得分:3)

是的,它会工作..你也可以使用这个库。

Detect Mobile Browsers JS

答案 2 :(得分:1)

return {
     isMac105: /Mac OS X 10_5/.test(userAgent),
     isMac106: /Mac OS X 10_6/.test(userAgent),
     isMac107: /Mac OS X 10_7/.test(userAgent),
     isMac108: /Mac OS X 10_8/.test(userAgent),
 };

用于mac的useragent。

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_1) AppleWebKit/536.25 (KHTML, like Gecko) Version/6.0 Safari/536.25

Macintosh; U; Intel Mac OS X 10_5_8; ru) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5