如何在Electron应用的BrowserWindow中实现程序化点击操作

你可以通过子窗口的webContents.executeJavaScript()方法注入执行DOM操作代码，来触发对应按钮的点击事件，这是兼容性最高、不受跨域限制的方案，具体实现如下：

优化后的完整代码 #

const { BrowserWindow } = require('electron')

const childWindow = new BrowserWindow({
  width: 800,
  height: 600,
  // 如果你需要操作同源页面的window对象，可添加以下配置
  // webPreferences: {
  //   nodeIntegration: true,
  //   contextIsolation: false
  // }
})
childWindow.loadURL('你的子窗口页面地址')

// 监听页面加载完成事件，替代固定延时的setTimeout，可靠性更高
childWindow.webContents.on('did-finish-load', () => {
  // 注入JS代码触发按钮点击，将#target-btn替换为你实际的按钮选择器
  childWindow.webContents.executeJavaScript(`
    const targetBtn = document.querySelector('#target-btn')
    if (targetBtn) targetBtn.click()
  `)
})

其他可选方案（仅适合同源页面） #

如果子窗口加载的页面和主窗口是同源的，你也可以直接通过子窗口的window对象操作DOM：

childWindow.webContents.on('did-finish-load', () => {
  const childDom = childWindow.window.document
  const targetBtn = childDom.querySelector('#target-btn')
  targetBtn && targetBtn.click()
})

注意事项 #

• 操作第三方页面DOM前请确保你有对应权限，避免违反使用规则
• 按钮选择器需要和子窗口页面内的元素匹配，建议加判空逻辑避免执行报错
• 不要依赖固定时长的setTimeout等待加载，页面加载速度受网络、设备性能影响波动很大，用did-finish-load事件更稳定

内容的提问来源于stack exchange，提问作者Omid.N