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

Posted 2023-03-14

技术标签:

【中文标题】在 html 中使用 <a> 标签打开 Android 应用【英文标题】：Opening Android app using <a> tag in html 【发布时间】：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> 标签。

【问题讨论】：

***.com/questions/50565721/… 试试看 @Benjamin 是 Android 人，我的意思是如果安装了应用程序，我的网站链接将打开 Twitter 个人资料，否则只是浏览器。你看到链接上的答案了吗？ @Benjamin 是的。如果我错了，请纠正我，但我认为这适用于（自定义）Android 应用程序 @Benjamin 我想在 Twitter 应用程序中打开 Twitter 个人资料（如果安装了其他浏览器）。 【参考方案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 参数。我测试过，它有效。

以上是关于在 html 中使用 <a> 标签打开 Android 应用的主要内容，如果未能解决你的问题，请参考以下文章