如果应用程序存在，则链接以打开 Facebook 应用程序，否则为网页答案

【问题标题】：Link to open facebook app if app exists, else webpage如果应用程序存在，则链接以打开 Facebook 应用程序，否则为网页
【发布时间】：2017-02-23 14:27:39
【问题描述】：

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

邮件程序是响应式的，因此我们正在寻找一种解决方案，该解决方案将在浏览器中打开网站的桌面版本，当从手机查看时，检查是否安装并打开它，如果没有打开链接而是在浏览器中。

通过广泛的在线搜索和 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 应用的最新方法？

【问题讨论】：

您是否尝试过使用fb://facewebmodal/f?href=<<<encoded URL>>>？这适用于我在 iPhone 和 Android 上。但是，如果用户没有 FB 应用程序，这绝对不会做任何事情......所以我不知道如何解决这个问题。
阅读此SO post
你试过branch.io吗？这是迄今为止我找到的最好的解决方案，但我不知道您是否会接受使用第三方解决方案
当你说你有这个工作时，你的意思是它实际上在 HTML 电子邮件中工作？或者只是在浏览器中进行本地测试？我只是对在电子邮件中执行 JavaScript 感到有些困惑，因为这通常从未对我有用。

标签： javascript android html ios facebook

【解决方案1】：

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

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

1)http://findnerd.com/list/view/How-to-detect-if-an-app-is-installed-in-IOS-or-ANDROID-with-the-help-of-javascript-and-Deep-Linking/4287/

2)How to check if an app is installed from a web-page on an iPhone?

3)iPhone browser: Checking if iPhone app is installed from browser

如果您还有其他需要，请告诉我。

【讨论】：