如何在浏览器控制台获取JS点击打开的新标签URL并关闭标签

你的两段代码都没达到预期效果，核心问题出在这两点：

• 你监听的是当前页面的window事件，但新打开的标签页是独立的window实例，当前页面的监听器根本捕获不到它的加载或聚焦事件
• 浏览器的同源策略限制了跨标签页的直接控制，而且window.close()只能关闭由当前脚本主动打开的窗口，没法随便关其他标签页

要实现需求，关键是捕获按钮点击时打开的新窗口引用，再对这个引用做监听和操作。直接在控制台运行下面的代码即可：

// 先重写window.open，用来捕获新打开的窗口引用
let openedWindow = null;
const originalOpen = window.open;
window.open = function(url, name, features) {
  openedWindow = originalOpen.call(window, url, name, features);
  // 监听新窗口加载完成
  openedWindow.addEventListener('load', function() {
    console.log('新标签页URL:', openedWindow.location.href);
    // 关闭新窗口（只有脚本主动打开的窗口才能这么关）
    openedWindow.close();
  }, { once: true });
  return openedWindow;
};

// 查找并点击目标按钮
const tdElement = document.querySelector('td[style="cursor: pointer; color: blue;"]');
if (tdElement) {
  tdElement.click();
  // 点击完成后恢复原始的window.open，避免影响后续操作
  setTimeout(() => {
    window.open = originalOpen;
  }, 1000);
} else {
  console.log('没找到"View"按钮');
}

如果按钮的点击逻辑不是用window.open实现的（比如用表单提交、直接修改location.href跳转），上面的方法可能失效。这时可以试试拦截按钮的点击事件，手动触发跳转并捕获窗口：

const tdElement = document.querySelector('td[style="cursor: pointer; color: blue;"]');
if (tdElement) {
  tdElement.addEventListener('click', function(e) {
    e.preventDefault(); // 阻止按钮的默认跳转行为
    // 这里需要模拟按钮的实际跳转逻辑，你可以通过浏览器调试工具查看按钮的点击事件源码，拿到它生成的目标URL
    // 示例：如果按钮点击后会跳转到某个动态生成的URL，替换下面的targetUrl即可
    const targetUrl = '替换为按钮实际跳转的URL';
    const newWindow = window.open(targetUrl);
    newWindow.addEventListener('load', () => {
      console.log('新标签页URL:', newWindow.location.href);
      newWindow.close();
    }, { once: true });
  }, { once: true });
  tdElement.click();
} else {
  console.log('没找到"View"按钮');
}

注意：浏览器对window.close()限制很严，只有脚本通过window.open主动打开的窗口，才能用脚本关闭，用户手动打开的窗口没法通过脚本关闭。

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