javascript - 在 javascript/Angular JS 中安装并打开 Android/ios native 应用程序

Question

我们的移动 Web 应用程序中有“扫描”按钮。移动 Web 应用程序完全基于 HTML5 和 Angular JS 以及 javascript/ajax。我们需要根据用户代理 Android/Iphone 从 Google Play/iTunes 安装一些第三方本地扫描应用程序，如果应用程序已经安装，我们需要在用户单击扫描按钮时打开它。请在 javascript/Angular JS 中提出任何解决方案。下面是我尝试过的解决方案

setTimeout(function() {

      window.location = 'http://my-installation.url'; //to download
    }, 1000);

    window.location = 'myapp://custom-scheme-url'; //to open

但是这种方法充满了问题。很多时候它重定向到 googleplay/itunes 尽管安装了应用程序，有时当应用程序未安装时它打开 myapp://custom-scheme-url 然后立即给出错误，如“this web page不可用错误”。我们也尝试了不同的超时值，但没有帮助。

请建议是否有除了设置超时之外的任何方法来检查应用程序是否已安装。

Answer 1

您的部分问题可以通过使用 iframe 来解决。参见 this ticket了解更多详情。

具体来说:

If you need to open an iOS application if it is installed and also want to preserve your page's functionality, the location.href = 'myapp://?params=...'; won't help since if myapp:// is not registered, the redirect leads user to unreachable destination.

解决方案:

var frame = document.createElement('iframe');
frame.src = 'myapp://?params=...';
frame.style.display = 'none';
document.body.appendChild(frame);