window.close()无法关闭谷歌域名标签页的原因及解决方案咨询

原因分析 #

谷歌标签页无法关闭的核心问题是浏览器同源策略限制：

• 当你通过window.open()打开谷歌搜索页面后，一旦页面加载完成，它与你的网页属于不同域名，浏览器会阻止你通过之前保存的窗口对象调用close()方法。
• 亚马逊标签页能关闭，大概率是因为页面加载速度较慢，脚本在跨域限制生效前完成了关闭操作，或者亚马逊页面的安全策略未严格限制此类操作。

可行替代方案 #

方案1：基于浏览器扩展实现（推荐，无同源限制） #

如果你的工具是浏览器扩展，可以利用浏览器提供的Tabs API直接管理标签页，完全不受同源策略影响：

// 关闭上一任务的所有相关标签
chrome.tabs.query({currentWindow: true}, (tabs) => {
  tabs.forEach(tab => {
    // 根据URL判断是否为上一任务的标签，可根据实际需求调整匹配规则
    if (tab.url.includes('google.it') || tab.url.includes('amazon.it')) {
      chrome.tabs.remove(tab.id);
    }
  });
});

// 打开新任务的标签页
const autoPopUpTabUrlArray = ["https://www.google.it/search?q=xxx", "https://www.amazon.it/s?k=xxx"];
autoPopUpTabUrlArray.forEach(url => {
  chrome.tabs.create({url: url});
});

方案2：Electron环境下的解决方案（如果工具是桌面应用） #

如果是Electron开发的桌面工具，直接使用Electron的BrowserWindowAPI管理窗口，无需考虑同源问题：

let prevWindows = [];

const openWindows = (urls) => {
  // 关闭所有上一任务的窗口
  prevWindows.forEach(win => {
    if (!win.isDestroyed()) win.close();
  });
  
  // 打开新任务的窗口/标签
  prevWindows = urls.map(url => {
    const win = new BrowserWindow({show: true});
    win.loadURL(url);
    return win;
  });
};

方案3：临时折中方案（网页环境下有限生效） #

在网页环境下，可尝试先打开空白标签再跳转目标地址，争取在跨域限制生效前保留窗口控制权，但该方案稳定性不高：

const [prevWindows, setPrevWindows] = useState([]);

const openWindows = (urls) => {
  // 关闭上一任务标签，捕获跨域异常
  while (prevWindows.length > 0) {
    try {
      prevWindows.pop().close();
    } catch (e) {
      console.log('无法关闭跨域标签:', e);
    }
  }
  
  // 先打开空白页再跳转，延迟跨域限制生效时间
  const newTabs = urls.map(url => {
    const tab = window.open('', '_blank');
    tab.location.href = url;
    return tab;
  });
  setPrevWindows(newTabs);
};

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