Javascript 在桌面URL上创建打开移动应用程序的链接

如果已安装，我需要打开本地社交媒体应用程序的链接；如果未安装或用户在桌面上，则需要重定向到URL

我在我的链接中使用了这段代码

<a href="fb://MY FB PAGE" onclick="setTimeout(function(){ window.location='https://www.MY FB PAGE' }, 100)"></a>

除了台式机之外，它工作得很好。URL实际上加载得很好，但是出现了一个错误弹出窗口，指出它无法打开“fb://”。这是有道理的，但正如我所说，这个错误弹出窗口并没有阻止加载URL，我的facebook页面显示出来，只是在顶部有一个弹出窗口，一旦我单击“什么都不做”，它就会消失，一切都很好

我如何才能使该错误窗口不在桌面上弹出

我尝试了很多不同的javascript函数，尝试在手机上打开应用程序，在桌面上打开URL。他们中的许多人来自这里。但他们都没有为我工作过。我的代码是唯一接近我想要的东西

我正在寻找一个经过验证的代码来完成此任务或修改上述代码。

创建两个链接（移动和桌面），然后根据屏幕大小使用媒体查询隐藏其中一个。参见示例

html

---

制作两个链接（移动和桌面）然后根据屏幕大小使用媒体查询隐藏其中一个怎么样？这不是个坏主意。但是我的网站是有响应的，所以如果用户在桌面上将屏幕调整到colapae点以下，它将调用移动媒体查询，我也会遇到同样的问题。我意识到用户真正这样做的几率很小，但这种情况仍有可能发生，因此我宁愿想办法在没有媒体查询的情况下做到这一点。没错，当你在网上冲浪时，你多久会将浏览器缩小到手机大小以在桌面上浏览一次？答案其实是，永远不会。你可以在建立一个快速响应的网站时“如果”你自己，或者你可以设计一个适合大多数人的网站。

<a class="mobile" href="fb://MY FB PAGE" onclick="setTimeout(function(){ window.location='https://www.MY FB PAGE' }, 100)">mobile</a>
<a class="desktop" href="MY FB PAGE" onclick="setTimeout(function(){ window.location='https://www.MY FB PAGE' }, 100)">desktop</a>

.mobile {
  display: none;
}

    @media (max-width: 600px) {
      .desktop {
        display: none;
      }
      .mobile {
        display: inline;
      }
    }