javascript - 如何重定向到 instagram ://user? username={username}

Question

我的 html 页面上有这个链接，可以在特定用户上打开 Instagram 应用程序:

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

我一直在寻找自动运行 url 'instagram://user?username={USERNAME}' 的方法(比如自动重定向)。

这是我在脑海中尝试过的:

1.

<meta http-equiv="refresh" content="0; url=instagram://user?username={USERNAME}" />

2.

<script type="text/javascript">
window.location.href = "instagram://user?username={USERNAME}"
</script>

3。 @Nitin-bagoriya 建议的变化

<script> function load() { window.location.href = "instagram://user?username={USERNAME}"}; window.onload = load; </script> 

1. @Giuseppe 建议的变体

   addEventListener('加载', 加载);

但是当我浏览那里时 - 没有任何反应。它在安装了 instagram 应用程序的 android 上进行了测试。

我想知道有什么方法可以通过重定向自动运行 Instagram 应用程序，这样用户就不需要单击链接了吗？

Answer 1

重述，以便其他人可以受益。

0。主要问题:

移动操作系统(iOS 或 Android)不支持基于“window.location.href”的 Javascript 解决方案。

1。 PHP 解决方案:

第一个工作似乎是在 PHP 中添加重定向，如回答 here ，像这样:

<?php header("Location: instagram://user?username={USERNAME}") ; ?>

2。 (更好的)Javascript 解决方案:

iOS提供“window.location.replace”做重定向，而Android提供的是“document.location”。因此，您需要先进行设备检测，然后应用正确的重定向。

var destination = "instagram://user?username={USERNAME}"; 
if( navigator.userAgent.match(/Android/i) ) {
  // use Android's redirect
  document.location = destination;   
}   
else {
  // use iOS redirect
  window.location.replace( destination );
}

详情请看这里:iOS and Android redirects in javascript