html - 在移动设备上打开 instagram 应用程序并在桌面上打开 url？

Question

我正在尝试打开 instagram 并链接到我正在构建的保留页面上的应用程序，并试图找到一种方法让应用程序在点击移动设备时打开，并在点击笔记本电脑时打开直接 url 配置文件/桌面？

        <div class="icon1"><a href="https://www.linkedin.com/in/luke-fearon-853606158/" target="_blank"></a></div>
        <div class="icon3"><a href="https://www.instagram.com/five_mile_food" target="_blank"></a></div>

链接适用于桌面，我知道我必须使用用户 ID 在移动设备上打开应用程序，但是我如何在 html 中实现代码以打开相关平台，如果应用程序没有安装回退到 url，那么单击链接仍会在移动设备上打开某些内容

Answer 1

您可以使用以下方法使链接在用户设备上打开 Instagram 应用:

第一种方法

<a href="http://instagram.com/_u/{USERNAME}/">Link to Instagram Page</a>

• 要求用户选择要启动的应用

第二种方法

<a href="instagram://user?username={USERNAME}">Link to Instagram Profile</a>

• 如果用户安装了 instagram 应用程序:使用 native 应用程序直接启动页面
• 如果用户没有安装 instagram 应用程序:什么都不做