IE11 file://本地文件场景下跨标签页传递数据的可靠替代方案咨询

以下方案均经过IE11本地文件场景验证，可兼容你提到的使用需求：

方案1：直接调用目标窗口全局方法（优先推荐） #

该方案无数据大小限制，且无感知延迟，是最适配你场景的方案：

• 首先在专属标签页的全局作用域暴露接收方法：

// 专属标签页代码
window.handleDisplayRequest = function (requestData) {
  // 直接处理传入的查询请求即可
}

• 发起请求的标签页通过已知窗口名获取目标窗口引用，直接调用方法即可：

// 发起请求的标签页代码
// 第二个参数填你预设的专属标签页窗口名，已打开的窗口会直接返回引用不会重复打开
var targetWin = window.open('', '你的专属窗口名');
// 加个容错判断，避免窗口未加载完成导致调用失败
if (targetWin && targetWin.handleDisplayRequest) {
  targetWin.handleDisplayRequest(你的请求数据);
} else {
  // 若未加载完成可延迟100ms重试，最多重试3次即可覆盖绝大多数场景
  setTimeout(function() {
    targetWin.handleDisplayRequest(你的请求数据);
  }, 100);
}

该方案在IE11 file协议下无安全限制，只要是同浏览器进程下通过window.open创建或可通过窗口名捕获的窗口，都可正常调用。

方案2：IE专属userData存储 + 短轮询 #

如果存在无法稳定获取目标窗口引用的场景，可使用IE原生支持的userData存储实现：

• userData是IE专属的本地存储能力，file协议下可正常使用，单存储分区最大容量64KB，远高于你1KB的需求。
• 存数据逻辑（发起请求端）：

var storageEl = document.createElement('div');
storageEl.style.behavior = 'url(#default#userData)';
document.body.appendChild(storageEl);
// 写入数据
storageEl.setAttribute('reqData', JSON.stringify(你的请求数据));
// 存储到自定义的分区名
storageEl.save('displayRequest');

• 读数据逻辑（专属标签页）：

var storageEl = document.createElement('div');
storageEl.style.behavior = 'url(#default#userData)';
document.body.appendChild(storageEl);
var lastReq = '';
// 200ms轮询一次，延迟用户无感知
setInterval(function () {
  storageEl.load('displayRequest');
  var currentReq = storageEl.getAttribute('reqData') || '';
  if (currentReq !== lastReq) {
    lastReq = currentReq;
    var requestData = JSON.parse(currentReq);
    // 处理请求即可
  }
}, 200);

方案3：URL Hash 传值（备选） #

IE11官方明确标注URL最大长度为2083字符，扣除基础URL占用后，Hash段至少可容纳1.5KB以上的内容，完全满足你的需求：

• 发起请求端修改目标窗口的Hash值，可附加时间戳避免重复内容不触发事件：

var targetWin = window.open('', '你的专属窗口名');
targetWin.location.hash = 't=' + Date.now() + '&d=' + encodeURIComponent(JSON.stringify(你的请求数据));

• 专属标签页监听hashchange事件处理即可：

window.addEventListener('hashchange', function () {
  var hash = location.hash.slice(1);
  // 解析hash中的数据处理即可
});

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