ElectronJS 多显示器

Question

我正在尝试创建一个应用程序，该应用程序在 2 个连接的显示器上以 Kiosk 模式打开 2 个不同的 BrowserWindows。我看到的有关如何执行此操作的唯一相关文档来自 this page这表明第二个显示器的边界应该 > 0。不幸的是，当我记录每个显示器的边界时，两个显示器上的 x 和 y 属性都是 0，尽管 size.width 和 size.height 看起来是准确的。

关于如何完成这个多屏信息亭的任何想法？

Answer 1

根据documentation您可以执行以下操作。

const electron = require('electron')
const {app, BrowserWindow} = require('electron')

let win

app.on('ready', () => {
  let displays = electron.screen.getAllDisplays()
  let externalDisplay = displays.find((display) => {
    return display.bounds.x !== 0 || display.bounds.y !== 0
  })

  if (externalDisplay) {
    win = new BrowserWindow({
      x: externalDisplay.bounds.x + 50,
      y: externalDisplay.bounds.y + 50
    })
    win.loadURL('https://github.com')
  }
})