创建链接以在台式机的URL上打开移动应用程序

Question

如果需要安装，则需要打开本机社交媒体应用程序的链接；如果未安装，或者用户位于桌面上，则需要重定向到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。 其中许多人来自这里。 但是他们都没有为我工作。 我的代码是唯一接近完成我想要的事情的东西。

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

Answer 1

建立两个链接（移动和桌面），然后使用媒体查询根据屏幕大小隐藏一个或另一个。 参见示例https://jsfiddle.net/kh0prtc4/9/

html

<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>

的CSS

.mobile {
  display: none;
}

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