【问题标题】:How to open link in external browser instead of in-app (instagram)?如何在外部浏览器而不是应用内(instagram)中打开链接?
【发布时间】:2018-05-07 11:02:42
【问题描述】:

我一直在尝试弄清楚如何在外部浏览器(Safari、Chrome)而不是内置 Instagram 浏览器中打开您在 Instagram 应用中打开的 URL。

我希望 Instagram 网站部分中的链接要求离开 Instagram 应用并打开外部浏览器访问网站。

我尝试了很多东西,例如将 window.open 与 _blank、_system 等一起使用。还在

【问题讨论】:

标签: instagram


【解决方案1】:

这是不可能的,因为 Instagram 开发人员故意选择使用他们自己的浏览器控件。

【讨论】:

  • 但是有一个选项。在桌面网络版本上使用时,您可以在网络浏览器的新选项卡中打开链接。
  • @Ebrahim 这个问题特别提到“来自 Instagram 应用程序”,这意味着用户对本地应用程序而不是网站感兴趣,因此他们的答案是正确的。
【解决方案2】:

您可以检测 Instagram 应用内浏览器

navigator.userAgent.includes("Instagram")

然后放上这样的链接

<a href={location.href} target='_blank' download>Open in browser</a>

“下载”关键字中的所有魔法。当用户单击链接时,它将被重定向到本机浏览器。 它在android中完美运行。我还没有在 iOS 上测试过

【讨论】:

【解决方案3】:

我发现了一篇关于它的有趣文章, 尝试使用这段代码使 Instagram 的应用内浏览器重定向到您的网站

<script>
  if(navigator.userAgent.includes("Instagram")){
      window.location.href = "https://mywebsite.com/DummyBytes";
  }
</script>

欲了解更多信息,请查看文章: https://medium.com/@sasan.salem/opening-of-your-website-in-the-viewers-external-browser-automatically-instead-of-instagram-s-8aca5ee7e22f

【讨论】:

  • 这适用于 iOS 吗?您提到的文章告诉这是针对Android的
  • 我现在不知道如何帮助你,即使在安卓设备上也很难让它工作。您需要能够打开浏览器实例并在后台发送 Instagram。
【解决方案4】:

打开您的网站自动在查看者的外部浏览器中而不是 Instagram 的应用内浏览器中(在 Android 设备上)。

您可以通过充当要下载的文件来解决它,然后应用内浏览器会将您重定向到移动浏览器。

不适用于 iPhone。 :(

PHP



<?php
    $userAgent = $_SERVER['HTTP_USER_AGENT'];
    if (strpos($userAgent, 'Instagram')) {
        header('Content-type: application/pdf');
        header('Content-Disposition: inline; filename= blablabla');
        header('Content-Transfer-Encoding: binary');
        header('Accept-Ranges: bytes');
        @readfile($file);
        die();
    }
?>

ASP.NET Web API:

namespace DotNet.Controller
{
    public class DummyBytesController : ApiController
    {
        [HttpGet]
        public HttpResponseMessage Get()
        {
            HttpResponseMessage Response;

            string UserAgent = HttpContext.Current.Request.UserAgent;
            if(UserAgent.Contains("Instagram"))
            {
                Response = new HttpResponseMessage(HttpStatusCode.OK);
                Response.Content = new ByteArrayContent(new byte[50]);
                Response.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
                return Response;
            }
            else
            {
                Response = Request.CreateResponse(HttpStatusCode.Redirect);
                Response.Headers.Location = new Uri("https://mywebsite.com");
                return Response;
            }
        }
    }
}

【讨论】:

    【解决方案5】:

    您可以将此脚本添加到 head 以重定向到 chrome:

    <script>
            var userAgent = navigator.userAgent || navigator.vendor || window.opera;
            var str = navigator.userAgent;
            var instagram = str.indexOf("Instagram");
            var facebook = str.indexOf("FB");
    
            if (/android/i.test(userAgent) && (instagram != -1 || facebook != -1) ) {
                document.write("<a target=\"_blank\" href=\"https://yourdomain.com\" download id=\"open-browser-url\">Please wait. Proceed to Chrome</a>");
                window.stop();
                let input = document.getElementById('open-browser-url');
                if (input) {
                    input.click();
                }
            }
        </script>
    

    【讨论】:

      【解决方案6】:

      其实是有可能的。 您首先使用应用内浏览器访问该链接,然后单击页面右上角的 3 点按钮并选择“在 Chrome 中打开”。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-01-30
        • 1970-01-01
        • 2021-09-16
        • 1970-01-01
        • 2011-12-01
        相关资源
        最近更新 更多