将应用程序浏览器中的 Instagram 转义到 Safari

Posted 2023-03-31

【中文标题】将应用程序浏览器中的 Instagram 转义到 Safari

【英文标题】：Escape instagram in app browser to safari

【发布时间】：2017-02-17 19:24:16

【问题描述】：

我的网站上有一个链接，该链接重定向到 instagram 登录以获取一些照片，但该页面在 ios 设备上的 instagram 应用内浏览器中无法使用。 我的想法是放置一个链接，以便用户可以单击它并重定向到 safari 或默认浏览器中的页面，这可能吗？

<a id="link" href="http://www.google.com">Google</a>

【问题讨论】：

你可以把链接放在App中，当用户点击时，它会重定向到instagram。

Instagram 登录页面在 ios 上的应用内 Instagram 浏览器上不起作用。

您找到解决方案了吗？

@kizoso 不，对不起。

【参考方案1】：

不是一个完整的答案，但可能是一个线索。 只需将一些阻塞的 js 代码放在 html 正文的开头即可。

<script>
    var str = navigator.userAgent;
    var i = str.indexOf("Instagram");
    if (i != -1) 
      document.write("<a target=\"_blank\" href=\"http://instagram.com/?nibrowser=no\">Proceed to Sfari</a>");
      window.stop();
    
</script>

关于 Instagram 用户代理的一些信息：https://mpulp.mobi/2016/07/12/instagram-user-agent/

关于在应用浏览器中强制打开 Safari：https://support.interact.technology/support/solutions/articles/17000003729-how-to-force-a-link-to-open-in-safari-ios-only-

window.stop() 几乎可以阻止所有浏览器中的页面加载。 希望对您有所帮助。

【讨论】：

那个“nibrowser=no”部分对我来说完全没有区别。

检测成功（应用内浏览器的用户代理中确实有“Instagram”），但_blank 目标和nibrowser 都没有帮助突破应用内浏览器。在 2018 年有什么方法可以做到这一点？谢谢！

抱歉，我建议的最接近的解决方案是使用 SfariView：npmjs.com/package/react-native-safari-view