Question

我正在尝试创建一个应用程序，该应用程序在2个连接的监视器上以Kiosk模式打开2个不同的BrowserWindows。我看到的有关此操作的唯一相关文档来自this page，该文档指示第二个显示器的边界应大于0。不幸的是，当我记录每个显示器的 bounds 时，尽管 size.width 和 size.height 看起来很准确，但两个显示器上的 x 和 y 属性均为0。

关于如何实现此多屏信息亭的任何想法？

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')
  }
})

ElectronJS多显示器

1 个答案: