如果应用程序存在,则链接到打开的Facebook应用程序,否则网页

Question

我正在寻找以下解决方案.我们希望下周发送一个HTML邮件,目前有一些问题.这是我们第一次尝试这样做,主要区别在于它现在包含链接到我们脸书的按钮.

邮件是响应式的,所以我们正在寻找一个解决方案,它将在浏览器中打开网站的桌面版本,当从移动设备查看时,检查应用程序是否已安装并打开它,如果没有打开浏览器中的链接代替.

通过在线广泛搜索和Stack Overflow,我逐渐意识到Android和iOS如何允许这一点.请参阅下面我到目前为止尝试的解决方案:

.mobile-link {
   display: none;
}

@media screen and (max-device-width: 767px) and (orientation: portrait) {
    .desktop-link {
        display: none;
    }
    .mobile-link {
        display: block;
    }
}

@media screen and (max-device-width: 1024px) and (orientation: landscape) {
    .desktop-link {
        display: none;
    }
    .mobile-link {
        display: block;
    }
}

<a class='mobile-link' onclick='
setTimeout(function () { window.location = 'www.facebook.com/profileid'; }, 2500);
window.location = 'fb://facewebmodal/=pagename';'>
    <img src='some.url' />
 </a>
 <a class='desktop-link' href='www.facebook.com/profileid'>
    <img src='some.url' />
 </a>

这不适用于iPhone,虽然我以前的尝试是(我改变了它,使其适用于Android,但仍无效).在我之前的尝试中,我有:

<a class='mobile-link' onclick='
    setTimeout(function () { window.location = 'www.facebook.com/profileid'; }, 2500);
    window.location = 'fb://profile/id';'>
        <img src='some.url' />
     </a>

哪个适用于iOS而不适用于Android.

据我所知,facebook似乎改变了用户如何定期以这种方式定位应用程序.

任何人都可以向我提供最新的方法来定位iOS和Android应用程序这类链接吗？

Answer 1

您可以通过以下几个链接找到合适的答案：

首先，您需要检查浏览器是在移动设备还是在桌面上，然后根据您的要求应用以下链接代码。这是浏览器检测链接： -检测移动浏览器

1）http://findnerd.com/list/view/How-to-detect-if-an-app-is-installed-in-IOS-or-ANDROID-with-the-help-of-javascript-and-深层链接/4287/

2)如何在iPhone上通过网页检查应用程序是否安装？

3）iPhone浏览器：从浏览器检查iPhone应用程序是否安装

如果您还需要任何其他信息，请告诉我。