window.open在Edge中触发两次Servlet调用问题求助

我之前也碰到过Edge里用window.open加载PDF报表时的这种诡异问题，结合你的场景，大概率是Edge对PDF的特殊处理逻辑和响应头的兼容性问题导致的，咱们一步步来解决：

1. 先确保Servlet的响应头配置正确 #

Edge对PDF的响应头比Chrome/Firefox要挑剔得多，尤其是Content-Disposition和缓存控制相关的头，这很可能是触发重复请求的核心原因。请在你的Servlet里添加/修正以下响应头：

// 必须明确指定PDF的MIME类型
response.setContentType("application/pdf");
// 使用inline让浏览器在窗口内打开，如果是attachment会触发下载，Edge处理逻辑不同
response.setHeader("Content-Disposition", "inline; filename=\"your-report-name.pdf\"");
// 添加缓存控制，避免Edge因为缓存策略重复发起请求
response.setHeader("Cache-Control", "private, max-age=0");
response.setHeader("Pragma", "public");
// 可选：设置Content-Length（如果能提前获取PDF大小的话），帮助Edge识别响应完成
// response.setContentLength(pdfFileLength);

2. 修改window.open的调用逻辑 #

直接把Servlet URL传给window.open时，Edge的PDF查看器可能会因为预加载/验证逻辑触发两次请求。换成先打开空白窗口再跳转的方式，能绕开这个问题：

function openReport(name, relativeUrl) {
  const width = 800; // 你原来的宽度值
  const height = 600; // 你原来的高度值
  
  // 先打开一个空白窗口，指定窗口名称和参数
  const reportWindow = window.open('', name, 'toolbar=0,location=0,directories=0,status=0,menubar=1,scrollbars=1,resizable=1,width='+width+',height='+height);
  
  // 防止弹窗被拦截的判断
  if (!reportWindow) {
    alert('报表窗口被浏览器拦截，请允许当前站点的弹窗权限');
    return;
  }
  
  // 稍微延迟再跳转，给Edge足够的窗口初始化时间
  setTimeout(() => {
    reportWindow.location.href = relativeUrl;
  }, 100);
  
  // 监听窗口加载完成，避免一直显示加载状态
  reportWindow.onload = function() {
    // 这里可以添加加载完成后的逻辑，比如隐藏加载提示（如果有的话）
  };
}

这个方法的核心是让窗口先完成初始化，再发起PDF请求，避免Edge的预加载机制触发重复调用。

3. 检查Edge的PDF查看器设置 #

有时候Edge内置的PDF查看器的默认设置也会干扰请求：

• 打开Edge的设置页面，搜索「PDF查看器」
• 确保「下载PDF文件而不是在浏览器中自动打开它们」选项处于关闭状态（如果你需要在窗口内打开PDF）
• 如果允许用户下载PDF，可以尝试把Servlet的Content-Disposition改成attachment; filename="report.pdf"，看看是否能解决重复请求问题

4. 排查前端是否有重复事件绑定 #

最后再检查一下：你的触发链接是否被绑定了多次click事件？比如不小心用了两次addEventListener绑定同一个函数，这也会导致两次调用Servlet。可以在前端函数里加个console.log，看看点击一次链接会不会输出两次日志。

我当时就是靠调整响应头和修改window.open的调用逻辑解决了Edge的问题，你可以先试试前两个方案，应该能解决大部分情况。

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