有没有办法从浏览器（例如 chrome）在特定屏幕上打开本机移动应用程序？

Question

我的网站 (angular 7) 在 whatsapp（作为消息）、facebook（作为状态）、twitter、insta（作为 post） .如果网站来自 PC，则应在新选项卡上打开这些应用程序。但是当它在移动设备上使用时（chrome 在移动设备上），它应该检查设备是否安装了该应用程序并在特定屏幕上打开该应用程序。就像深度链接一样。这听起来可能是胡言乱语，或者可能是一个重复的问题。任何帮助都会很棒，谢谢。

Answer 1

你可以使用导航器 Web Share API

if (navigator.share) {
  navigator.share({
      title: 'Web Fundamentals',
      text: 'Check out Web Fundamentals — it rocks!',
      url: 'https://developers.google.com/web',
  })
    .then(() => console.log('Successful share'))
    .catch((error) => console.log('Error sharing', error));
}

Answer 2

深度链接支持由应用程序所有者实施，因此在这种情况下，FB、Instagram 和 Twitter 负责允许深入 link 进入他们的应用程序。

因此，第三方网站尝试深入link此类应用并不是一个好的流程。如果你有自己的应用程序，你应该对自己的应用程序实施深度 link，或者将用户重定向到 FB\Twitter\Instagram 的 mobile-web 版本。当用户访问该移动网络时，FB\Twitter\Instagram 将能够使用横幅或屏幕上的按钮成功地 link 他（如果这是他们想要的）（您经常看到带有 "continue in app").

我想说的是，您不应该尝试深入 link 其他人的应用程序 - 他们可能会更改深入 link 方法（URI 方案、通用链接等） ) 并且您将保留损坏的 link.

此外，iOS 和 Android 都不允许您检查是否安装了应用程序，因此您需要有一些机制来尝试深入 link 和然后在失败时重定向到其他地方 - 它并不总是适用于所有平台和浏览器。

因此我建议将用户重定向到 FB\Twitter\Instagram 的移动网络版本。

有没有办法从浏览器（例如 chrome）在特定屏幕上打开本机移动应用程序？

Is there a way to open native mobile apps on a particular screen from the browser (eg chrome)?

share

deep-linking

angular