如何在JavaScript中启用window.opener.focus()？Tampermonkey脚本配置

嘿，这个问题我之前折腾过好几次，刚好能给你点实用的解决方案——毕竟是个人自用，咱们完全可以通过调整浏览器设置或者小改脚本来绕过这个安全限制～

一、主流浏览器的权限/设置调整 #

浏览器的安全策略会拦截非用户主动触发的focus()请求，咱们可以给目标网站或脚本开例外：

Chrome/Edge（Chromium内核通用） #

• 网站级权限放行：打开你运行脚本的网页，点击地址栏左侧的锁图标 → 选择「网站设置」→ 找到「弹出窗口和重定向」选项，改成「允许」。这样浏览器会信任这个网站的窗口操作，包括后续的焦点请求。
• 实验性Flag放宽限制：在地址栏输入 chrome://flags/#enable-experimental-web-platform-features（Edge是 edge://flags/#enable-experimental-web-platform-features），把这个选项改成「Enabled」，重启浏览器。这会开启一些实验性的Web特性，其中就包括放宽焦点控制的限制——注意这是实验功能，后续可能会变动，但个人用完全没问题。

Firefox #

• 网站权限设置：同样点击地址栏的锁图标 → 「权限」→ 找到「弹出窗口」，勾选「允许」。
• about:config配置修改：在地址栏输入 about:config，接受风险提示后，搜索以下两个配置项：
  • dom.disable_window_flip：设为false，允许脚本触发窗口切换操作；
  • dom.disable_window_open_feature.focus：设为false，禁用新窗口强制获取焦点的限制，同时让原窗口的focus()请求更容易生效。

二、Tampermonkey脚本的权限调整 #

打开Tampermonkey仪表盘，找到你的脚本：

• 点击「编辑」按钮，切换到「设置」标签页；
• 拉到「权限」区域，确保「访问网站权限」设为「全部网站」或者你脚本对应的特定网站；
• 确认「允许弹出窗口」选项已勾选（如果有这个选项的话），让脚本的窗口操作获得更高优先级。

三、脚本代码的小优化（提高focus成功率） #

哪怕开了权限，有时候直接调用window.focus()还是会被拦截，试试这两个小技巧：

• 把focus放在用户触发的上下文里：如果你的脚本是通过用户点击按钮触发的，把window.focus()放在点击事件的回调里——因为这是用户主动触发的操作，浏览器会更信任这个上下文的焦点请求。比如：

  // 假设你绑定了一个点击按钮触发脚本
  document.querySelector('#my-open-links-btn').addEventListener('click', () => {
    // 打开多个链接的代码
    const targetUrls = ['https://example.com', 'https://test.com'];
    targetUrls.forEach(url => window.open(url));
    
    // 在用户点击的上下文里调用focus
    window.focus();
  });
  

• 加个小延迟：有时候浏览器处理新窗口需要一点时间，延迟几十毫秒再触发focus可能会生效：

  // 打开完链接后延迟100ms再聚焦原窗口
  setTimeout(() => {
    window.focus();
  }, 100);
  

这些方法都是我自己个人用的时候试过有效的，毕竟是自用场景，安全风险完全可控——别给陌生网站开这些权限就行～

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