JavaScript打开/关闭标签页异常：谷歌搜索URL无法自动关闭标签页

问题背景 #

• 在办公网络的隐私浏览模式下，谷歌搜索频繁出现冗长验证码，测试发现打开3个搜索标签页后，第3个标签页无需验证即可正常搜索。
• 开发了一个PHP页面，通过JavaScript先打开2个搜索标签页，超时后关闭，最后将原标签页重定向到谷歌搜索页。
• 异常现象：重定向到谷歌首页（https://www.google.com/）时功能正常，但使用带search?q参数的搜索URL时，打开的2个标签页无法自动关闭。

问题代码 #

<html>
<head>
<title>Redirect...</title>

<script language="javascript" type="text/javascript">
var url = "https://www.google.com/?q=."<?php echo $_GET['q']; ?>";

var google = window.open(url);
setTimeout(function(){google.close()}, 1000);

var googleb = window.open(url);
setTimeout(function(){googleb.close()}, 1500);
</script>

</head>

<body style="background-color:#202124">
<script>
         setTimeout(function(){
            window.location.href = 'https://www.google.com/search?q=<?php echo $_GET['q']; ?>';
         }, 2000);

      </script>
</html>

原因解析 #

1. 页面加载耗时差异：谷歌首页加载速度快，在1000/1500ms的超时触发时，页面已完成加载，浏览器允许原脚本关闭自己创建的窗口；而搜索结果页（/search?q=...）需要加载搜索内容、广告、安全脚本等，超时时间过短导致页面还未加载完成，此时浏览器会判定关闭操作并非在用户交互上下文内执行，直接拒绝。
2. 谷歌安全策略拦截：搜索结果页的安全机制比首页更严格，会阻止非用户主动触发的窗口关闭操作。当页面加载完成后，原脚本的上下文会被页面的安全隔离机制限制，导致window.open返回的窗口引用失效，无法调用close()方法。
3. URL语法错误：代码中var url的拼接存在语法错误（多余的.和引号问题），错误的URL可能导致页面加载异常，间接影响关闭逻辑的执行。

解决方案 #

• 延长超时时间：将关闭标签页的超时时间调整到3000ms以上，确保搜索结果页有足够时间加载完成：

  setTimeout(function(){google.close()}, 3000);
  setTimeout(function(){googleb.close()}, 3500);
  

• 修正URL拼接：修复JS中的URL语法错误，同时用urlencode处理搜索关键词，避免特殊字符破坏URL结构：

  var url = "https://www.google.com/search?q=<?php echo urlencode($_GET['q']); ?>";
  

• 简化触发逻辑：既然核心目的是触发“3个标签页免验证”的机制，前两个标签页可以直接打开谷歌首页，无需使用搜索结果页，这样既保证关闭逻辑正常，又能达到预期效果。

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