如何用GreaseMonkey获取新窗口元素？无window.open及href可用

核心思路：拦截窗口创建逻辑或利用跨窗口通信 #

按钮的内置JS最终大概率还是通过window.open创建窗口，或者可以通过重写相关逻辑捕获引用，以下是几种可行方案：

1. 劫持window.open方法（最通用方案） #

不管按钮的JS如何封装打开窗口的逻辑，只要它最终调用了原生的window.open，就能通过重写这个方法捕获子窗口引用：

// 保存原生window.open方法
const originalOpen = window.open;
let targetChildWindow = null;

// 重写window.open，拦截并保存窗口引用
window.open = function(url, windowName, features) {
    targetChildWindow = originalOpen.call(window, url, windowName, features);
    
    // 监听子窗口加载完成，确保DOM已就绪
    targetChildWindow.addEventListener('load', () => {
        // 这里可以直接操作子窗口DOM
        const targetElement = targetChildWindow.document.querySelector('#目标元素选择器');
        if (targetElement) {
            console.log('获取到子窗口元素:', targetElement.textContent);
        }
    });
    
    return targetChildWindow;
};

这个方法无需修改按钮逻辑，自动捕获所有通过window.open创建的窗口。

2. 重写按钮的点击处理逻辑 #

如果能定位到按钮的点击事件函数，可以直接替换它，手动控制窗口打开并保存引用：

// 定位目标按钮，替换为实际选择器
const targetBtn = document.querySelector('button[xxx="xxx"]');
// 保存原始点击逻辑
const originalClickHandler = targetBtn.onclick;

targetBtn.onclick = function(e) {
    // 先分析原始点击逻辑中要打开的URL（可通过浏览器开发者工具查看按钮的JS代码）
    const targetUrl = '按钮要打开的目标URL';
    const childWin = window.open(targetUrl);
    
    // 监听子窗口加载
    childWin.addEventListener('load', () => {
        // 操作子窗口DOM
        console.log(childWin.document.body);
    });
    
    // 阻止原始事件，避免重复打开（根据实际情况选择是否添加）
    e.preventDefault();
};

需要先通过开发者工具分析按钮内置JS的逻辑，提取出目标URL。

3. 同源场景下遍历已打开窗口（局限性较大） #

如果子窗口与原窗口同源，可以尝试遍历所有已知窗口，通过窗口特征（如标题、URL）匹配目标窗口：

// 遍历所有关联窗口
for (const win of window.frames) {
    // 根据窗口标题或URL片段匹配
    if (win.document.title.includes('目标窗口的标题关键词')) {
        win.addEventListener('load', () => {
            console.log('找到目标窗口:', win.document.querySelector('.target-class'));
        });
        break;
    }
}

此方法仅适合同源窗口，且窗口特征需可识别，可靠性低于前两种方法。

4. 跨域场景的解决方案（必用） #

如果子窗口与原窗口不同源，浏览器同源策略会直接阻止你访问子窗口DOM，此时必须通过postMessage配合子窗口的GreaseMonkey脚本实现通信：

父窗口脚本（原页面的GreaseMonkey脚本） #

// 监听子窗口返回的消息
window.addEventListener('message', (event) => {
    // 验证消息来源，替换为子窗口的实际域名
    if (event.origin === 'https://子窗口域名.com') {
        console.log('子窗口返回的元素内容:', event.data);
    }
});

// 假设已通过前面的方法拿到子窗口引用childWin
childWin.postMessage('请求获取目标元素内容', 'https://子窗口域名.com');

子窗口脚本（需在子窗口页面单独安装GreaseMonkey脚本） #

// 监听父窗口的消息
window.addEventListener('message', (event) => {
    // 验证消息来源，替换为父窗口的实际域名
    if (event.origin === 'https://父窗口域名.com' && event.data === '请求获取目标元素内容') {
        // 在子窗口内操作DOM，获取目标内容
        const elementContent = document.querySelector('#target-element').textContent;
        // 将结果发送回父窗口
        event.source.postMessage(elementContent, event.origin);
    }
});

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