Edge调取文档存储系统文件跳转外部应用时残留空白窗口问题咨询

注：你给出的window.open示例代码存在语法疏漏，缺少开头的左括号，实际使用时请补全为window.open('url', 'name', 'features')格式。

方案1：隐藏iframe替代window.open（最推荐，从根源避免空白窗口） #

无需弹出新窗口，直接通过隐藏iframe发起文档请求，浏览器会自动处理文件下载/第三方应用唤起逻辑，全程不会产生额外窗口，无残留问题。

// 动态创建隐藏iframe
const docIframe = document.createElement('iframe');
docIframe.style.display = 'none';
// 填入你的文档接口地址
docIframe.src = 'URLofDocumentSystem?jsessionid=sId&operation=RETRIEVEITEM&ID=docID';
document.body.appendChild(docIframe);
// 请求完成后移除iframe，避免DOM冗余
setTimeout(() => docIframe.remove(), 30000);

方案2：保留window.open逻辑，新增空白窗口自动检测关闭 #

如果业务必须保留弹出新窗口的交互，可以新增定时检测逻辑，判断窗口为无内容的空白页时自动关闭：

const docWindow = window.open(
  'URLofDocumentSystem?jsessionid=sId&operation=RETRIEVEITEM&ID=docID',
  'Docviewer',
  'location=0,status=0,toolbar=0,resizable=1,width=1024,height=768,scrollbars=1'
);

const checkTimer = setInterval(() => {
  try {
    if (docWindow.closed) {
      clearInterval(checkTimer);
      return;
    }
    // 检测窗口是否仍为空白状态
    if (docWindow.document.URL === 'about:blank' || docWindow.document.body.childElementCount === 0) {
      setTimeout(() => {
        if (!docWindow.closed && docWindow.document.URL === 'about:blank') {
          docWindow.close();
          clearInterval(checkTimer);
        }
      }, 1000);
    } else {
      // 文档已正常在Edge中加载，停止检测
      clearInterval(checkTimer);
    }
  } catch (e) {
    // 跨域场景下无法访问新窗口DOM，设置5秒兜底超时关闭
    setTimeout(() => !docWindow.closed && docWindow.close(), 5000);
    clearInterval(checkTimer);
  }
}, 500);

方案3：fetch+Blob实现无窗口调用 #

先请求文档内容转成Blob对象，再通过a标签触发浏览器默认行为，全程无额外窗口产生：

fetch('URLofDocumentSystem?jsessionid=sId&operation=RETRIEVEITEM&ID=docID', {
  credentials: 'include' // 携带cookie，避免鉴权失败
})
.then(res => res.blob())
.then(blob => {
  const blobUrl = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = blobUrl;
  a.click();
  URL.revokeObjectURL(blobUrl);
});

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