在Chrome与Angular 14中使用window.open()时保持原窗口焦点

浏览器出于安全和用户体验的考虑，会限制网页对窗口焦点的控制，这就是你调用newTab.blur()和window.focus()无效的原因——Chrome会优先维持自身的焦点逻辑，忽略这类非用户触发的焦点切换请求。

以下是几种可能的 workaround，不过都存在一定局限性：

1. 先打开空白页再跳转目标链接
   通过先打开空白页，再写入跳转逻辑，可能降低浏览器切换焦点的优先级：

for (let i = 0; i < this.linkSearchList.length; i++) {
    if (this.linkSearchList[i].note) {
        const newTab = window.open('about:blank', '_blank');
        if (newTab) {
            this.openingLinkSearchList.push(newTab);
            // 写入跳转逻辑
            newTab.document.write(`<meta http-equiv="refresh" content="0;url=${encodeURI(this.linkSearchList[i].link)}">`);
            newTab.document.close();
            // 立即尝试聚焦原窗口
            window.focus();
        }
    }
}

2. 使用requestAnimationFrame延迟聚焦
   利用浏览器的渲染帧时机，可能让焦点切换请求更易被接受：

for (let i = 0; i < this.linkSearchList.length; i++) {
    if (this.linkSearchList[i].note) {
        const newTab = window.open(this.linkSearchList[i].link, '_blank');
        if (newTab) {
            this.openingLinkSearchList.push(newTab);
            requestAnimationFrame(() => {
                window.focus();
            });
        }
    }
}

3. 调整打开标签页的间隔
   若批量打开多个标签页，给每个操作添加微小延迟，避免浏览器将焦点锁定到最后一个新标签：

this.linkSearchList.forEach((item, index) => {
    if (item.note) {
        setTimeout(() => {
            const newTab = window.open(item.link, '_blank');
            if (newTab) {
                this.openingLinkSearchList.push(newTab);
                window.focus();
            }
        }, index * 50); // 每个标签间隔50ms
    }
});

重要说明 #

以上方法都不能保证100%生效，因为最终的焦点行为由Chrome的内部策略和用户的浏览器设置（比如是否开启"新标签页在后台打开"）决定。目前没有标准的、跨浏览器的方式可以强制控制新标签页的焦点状态，这是浏览器为了防止恶意网站劫持焦点而做的限制。

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