当然可以让Electron应用的单个窗口跨双显示器运行！你没法拖动窗口边缘到另一台显示器，大概率是窗口的尺寸限制或者初始化配置出了问题，下面给你详细的解决思路和代码示例：

核心配置要点 #

要让窗口能跨屏拖动，首先要确保窗口没有被限制尺寸：

• 确保BrowserWindow配置中resizable设为true（默认是true，但如果手动关闭就会导致无法调整大小）
• 不要设置maxWidth/maxHeight，或者把它们设为足够覆盖双屏的数值（比如两个屏幕宽度之和）

手动实现跨屏窗口的代码示例 #

结合你提到的获取第二屏幕的思路，这里给出完整的实现代码，既可以让窗口初始化就跨双屏，也支持手动拖动调整：

const { app, BrowserWindow, screen } = require('electron');
let mainWindow;

app.whenReady().then(() => {
  // 获取所有连接的显示器
  const displays = screen.getAllDisplays();
  
  // 计算双屏合并后的总尺寸：宽度为两个屏幕宽度之和，高度取两者的最大值
  const combinedWidth = displays.reduce((totalWidth, display) => totalWidth + display.bounds.width, 0);
  const maxHeight = Math.max(...displays.map(display => display.bounds.height));

  mainWindow = new BrowserWindow({
    // 初始化窗口为双屏总尺寸
    width: combinedWidth,
    height: maxHeight,
    x: 0,
    y: 0,
    resizable: true,
    // 根据你的需求配置webPreferences
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
    }
  });

  // 监听屏幕布局变化（比如插拔显示器），自动调整窗口尺寸
  screen.on('display-metrics-changed', () => {
    const updatedDisplays = screen.getAllDisplays();
    const newCombinedWidth = updatedDisplays.reduce((sum, d) => sum + d.bounds.width, 0);
    mainWindow.setSize(newCombinedWidth, mainWindow.getBounds().height);
  });

  // 加载你的应用页面
  mainWindow.loadFile('index.html');
});

快速调整窗口到跨屏位置 #

如果不需要初始化就占满双屏，只是想让窗口能被手动拖到跨屏区域，只要保证窗口可调整大小且无尺寸上限即可。你也可以通过代码直接把窗口移到跨屏位置：

// 假设第二个显示器在主显示器右侧
const externalDisplay = displays.find(d => d.bounds.x !== 0 || d.bounds.y !== 0);
if (externalDisplay) {
  // 设置窗口位置，让一半在主屏幕，一半在副屏幕
  mainWindow.setBounds({
    x: externalDisplay.bounds.x - (mainWindow.getBounds().width / 2),
    y: 0,
    width: mainWindow.getBounds().width,
    height: mainWindow.getBounds().height
  });
}

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