使用window.open打开Excel文件时，Edge弹出额外"无标题"标签页如何解决？

以下是几种可行的解决方法：

• 使用隐藏a标签模拟点击
  替代window.open的方式，通过创建隐藏的<a>标签触发文件打开操作，Edge不会生成额外的空标签：

  const link = document.createElement('a');
  link.href = excelFileUrl;
  link.target = '_blank';
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  

• 尝试关闭自动生成的空标签
  利用window.open返回的窗口对象，判断标题为"无标题"时关闭该窗口（延迟时间可根据实际情况调整）：

  const newWindow = window.open(excelFileUrl);
  setTimeout(() => {
    if (newWindow && newWindow.document.title === '无标题') {
      newWindow.close();
    }
  }, 500);
  

• 调整服务器响应头
  让服务器返回Excel文件时设置Content-Disposition响应头，明确文件处理方式，浏览器会直接处理文件而不生成空标签：

  Content-Disposition: inline; filename="example.xlsx"
  

  若希望触发下载，可将inline替换为attachment。

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