在 html 中使用 <a> 标签打开 Android 应用答案

【问题标题】：Opening Android app using <a> tag in html在 html 中使用 <a> 标签打开 Android 应用
【发布时间】：2019-01-14 14:44:34
【问题描述】：

使用<a>标签和window.location()，点击链接时如何打开android应用，否则使用浏览器。

例如，我有 facebook 链接：fb://profile/10001901208 和 https://www.facebook.com/profile.php?id=10001901208.I 尝试了 onclick() 方法，但它似乎工作不同。

<script>
window.onload = function() {
  if(navigator.userAgent.match(/iPhone|iPad|iPod/i)) {
    window.location = "<TWITTER MOBILE DEEPLINK>"; 
    setTimeout(function(){
        window.location = "<LINK TO TWITTER ONLINE>";
    }, 50);   
  } else {
    window.location = "<LINK TO TWITTER ONLINE>";
  }
}
</script>

我尝试了@media screen 并隐藏和显示标签，但它没有按预期工作。由于它是预先确定的，因此如果未安装该应用程序，则会显示；页面无法加载。

<a href="fb://profile/10001901208" target="_blank" class="mobile"><li class="fa fa-facebook"></li></a>

<a href="https://www.facebook.com/profile.php?id=10001901208" target="_blank" class="web"><li class="fa fa-facebook"></li></a>

如果安装了应用程序，我希望打开应用程序的输出，否则使用 window.location() 在浏览器中打开，如果可能的话，使用<a> 标签。

【问题讨论】：

stackoverflow.com/questions/50565721/… 试试看
@Benjamin 是 Android 人，我的意思是如果安装了应用程序，我的网站链接将打开 Twitter 个人资料，否则只是浏览器。
你看到链接上的答案了吗？
@Benjamin 是的。如果我错了，请纠正我，但我认为这适用于（自定义）Android 应用程序
@Benjamin 我想在 Twitter 应用程序中打开 Twitter 个人资料（如果安装了其他浏览器）。

标签： javascript android html

【解决方案1】：

您需要确定用户使用的是手机还是计算机。

我就是这样做的。

<script>
    function getMobileOperatingSystem() {
        var userAgent = navigator.userAgent || navigator.vendor || window.opera;
        var putLinksInDiv = document.getElementById('putLinksInDiv');
        //Windows Phone or Android or iOS
        if (/windows phone/i.test(userAgent) || /android/i.test(userAgent) || (/iPad|iPhone|iPod/.test(userAgent) &&!window.MSStream)) {
            putLinksInDiv.innerHTML = "<a href=\"fb://profile/123\">link</a>";
        } else {
           putLinksInDiv.innerHTML = "<a href=\"http://www.facebook.com/123\">link</a>";
        }
    }
</script>

在你的身体里这样做。

<body onload="getMobileOperatingSystem();">

然后在您的 HTML 中，为链接添加一个 div。

<div id="putLinksInDiv"></div>

【讨论】：

太糟糕了，如果应用程序没有安装那么它会说页面无法加载
但是谢谢你，它真的帮助了我。就像，它让我知道语法是什么样的。谢谢！
@JoseHarrisonBatoctoy 找到配置文件 ID 的最简单方法是右键单击他们的配置文件图像。点击复制链接地址。将此 URL 粘贴到某处。您会注意到 URL 有 3 个参数（fbid/id/set）。对于您正在使用的配置文件，请使用 id 参数。我测试过，它有效。