JavaScript：聚焦已打开的Live Tab时如何避免页面刷新？

核心问题是你每次调用window.open(url, 'New tab')时，即使同名窗口已经存在，浏览器仍会尝试加载传入的URL，导致页面刷新。要避免这个问题，只需先检查目标窗口是否还存在，仅在窗口不存在时才创建新标签页，否则直接聚焦即可：

// 全局或组件实例内保存窗口引用
let liveTab = null;

function openOrFocusLiveTab(targetUrl) {
  // 检查窗口是否存在且未被关闭
  if (liveTab && !liveTab.closed) {
    liveTab.focus();
  } else {
    // 创建新标签页并保存引用，窗口名用固定唯一值
    liveTab = window.open(targetUrl, 'LiveTab');
    liveTab?.focus();
  }
}

关键说明： #

• 用变量liveTab持久化保存窗口引用，避免每次调用都重新触发URL加载
• 窗口名称（第二个参数）使用固定的LiveTab，确保同一时刻只有一个同名窗口
• 通过liveTab.closed判断窗口是否被用户手动关闭，避免对已关闭的窗口执行focus操作

如果需要确保Live Tab始终停留在指定URL（即使用户在标签页内导航过），可以在focus前额外判断页面地址，不过这会触发页面跳转，根据你的需求选择是否添加：

if (liveTab && !liveTab.closed) {
  if (liveTab.location.href !== targetUrl) {
    liveTab.location.href = targetUrl;
  }
  liveTab.focus();
}

内容的提问来源于stack exchange，提问作者Mihai Alexandru-Ionut