为何这段HTML自动重定向代码无法触发跳转，按钮却正常？

核心原因是浏览器的安全拦截机制，再加上Google Sites的嵌入限制：

• 浏览器为了防范恶意网站自动打开外部应用或跳转，会严格限制非用户主动交互触发的自定义URI调用。页面加载时的window.onload属于自动执行的脚本，没有用户的明确操作（比如点击），浏览器会直接拦截这类跳转请求。
• 按钮点击属于用户主动交互行为，浏览器认为这是用户的明确意愿，所以允许通过window.open调用自定义URI，不会触发拦截。

另外，Google Sites的嵌入框架可能对自动执行的脚本有额外限制，比如延迟脚本执行或者沙盒化处理，进一步导致页面加载时的重定向代码无法正常触发。

你提供的代码 #

自动重定向代码 #

<!DOCTYPE html>
<html>
<head>
  <title>Open Custom URI Immediately</title>
  <script>
    window.onload = function() {
      // Define the custom URI you want to open
      var customUri = "striperedirect://";

      // Open the custom URI immediately
      window.location.href = customUri;
    };
  </script>
</head>
<body>
  <h1>Welcome to my Google Sites page!</h1>
  <p>This page will automatically open a custom URI immediately after it loads.</p>
</body>
</html>

正常工作的按钮代码 #

<html>
<head>
  <title>Open URI on Button Click</title>
</head>
<body>
  <button onclick="openURI()">Open URI</button>

  <script type="text/javascript">
    function openURI() {
      window.open("striperedirect://"); // Replace with your desired URI
    }
  </script>
</body>
</html>

可选的优化思路 #

如果想尽量接近自动触发的效果，可以试试：

• 给自动重定向加个短延迟，比如setTimeout(() => window.location.href = "striperedirect://", 1000)，但依然有很大概率被浏览器拦截，只能作为尝试。
• 把页面做成引导式的，比如显示“点击此处打开应用”的大按钮或全屏可点击区域，用用户交互来触发跳转，这是最可靠的方式。

内容的提问来源于stack exchange，提问作者Trevor