一个按钮 -- 3个应用商店 -- 如何将用户重定向到适当的应用商店？

Question

我希望创建一个简单的按钮，根据用户使用的移动操作系统（iOS、Android或WP8），将其重定向到相应的应用商店链接 - 或者如果不是在移动设备上，则提供发送包含适当链接的电子邮件的选项...有什么好的建议吗？

- anthonyhumphreys

Answer 1

好的...这其实非常简单。首先，您必须通过用户代理字符串来检测用户当前使用的设备。然后使用jQuery简单地设置锚元素的href属性即可。以下代码说明。

var operatingSystem, userAgentString = navigator.userAgent;
var link = $("#store");

if (userAgentString.indexOf("iPhone") > -1 || userAgentString.indexOf("iPod") > -1 || userAgentString.indexOf("iPad") > -1) {
    operatingSystem = "iOS";
    link.attr("href", "http://store.apple.com/us/browse/app");
} else if (/Android/.test(userAgentString)) {
    operatingSystem = "Android";
    link.attr("href", "https://play.google.com/store/apps?hl=en");
} else if (/Windows Phone/.test(userAgentString)) {
    operatingSystem = "Windows Phone";
    link.attr("href", "http://www.windowsphone.com/en-us/store");
}

http://jsfiddle.net/5g0zqm0s/

- Siddharth

---

非常感谢。我完全忘记我发布了这个问题（因为在做其他事情），然后开始思考如何处理这个任务，想起来了...我没有忽视你！！谢谢！:D - anthonyhumphreys

你需要先检查Windows Phone，因为最近的Windows Phone用户代理包含“Android”和“iPhone”，例如：Mozilla/5.0 (Mobile; Windows Phone 8.1; Android 4.0; ARM; Trident/7.0; Touch; rv:11.0; IEMobile/11.0; Microsoft; Lumia 640 LTE) like iPhone OS 7_0_3 Mac OS X AppleWebKit/537 (KHTML, like Gecko) Mobile Safari/537。 - amoebe

Answer 2

检查用户代理以确定正在运行的操作系统，并根据结果适当地路由链接。

- savner

Answer 3

使用PHP，您可以检测用户所使用的移动设备。有几个插件可供选择。然后，您可以相应地回显链接的href属性。抱歉，无法评论。花费了太多赏金！

- Marcel