已知父页面刷新方法，如何通过窗口名称刷新其他浏览器窗口？

可以通过窗口名称刷新其他浏览器窗口，但受限于浏览器的同源策略，有明确的使用条件：

实现步骤 #

1. 打开窗口时指定名称
   用window.open()方法打开新窗口时，第二个参数传入自定义的窗口名称，后续将通过这个名称定位窗口：

   // 打开名为"userSettingsWindow"的窗口
   window.open("/settings", "userSettingsWindow");
   

2. 通过名称获取窗口引用
   再次调用window.open()，第一个参数传空字符串（不会打开新窗口），第二个参数传入目标窗口名称，即可返回对应窗口的对象引用：

   const targetWindow = window.open("", "userSettingsWindow");
   

3. 调用刷新方法
   拿到有效窗口引用后，直接调用location.reload()方法刷新目标窗口：

   if (targetWindow && !targetWindow.closed) {
     targetWindow.location.reload();
   }
   

   这里的判断是为了避免目标窗口已关闭时抛出错误。

关键限制 #

• 同源要求：目标窗口必须和当前页面协议、域名、端口完全一致，否则浏览器的同源策略会阻止你访问目标窗口的location对象，抛出跨域权限错误。
• 窗口上下文限制：目标窗口必须是由当前页面脚本打开的，或者与当前页面处于同一同源上下文，否则无法获取到有效的窗口引用。
• 浏览器隐私限制：部分浏览器的隐私保护设置（如弹窗拦截、跨站跟踪保护）可能会阻止脚本获取其他窗口的引用，即使满足同源条件也可能失效。

更可靠的替代方案 #

如果是由当前页面打开的窗口，直接保存window.open()返回的窗口引用，比通过名称查找更稳定：

// 打开窗口时保存引用
const settingsWindow = window.open("/settings", "userSettingsWindow");

// 后续直接使用引用刷新
if (settingsWindow && !settingsWindow.closed) {
  settingsWindow.location.reload();
}

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