网站交互怎么做的惠州大亚湾经济技术开发区

Electron中screen

检索有关屏幕大小、显示器、光标位置等的信息。可以实现以下两个功能

• 窗口全屏

• 显示在额外显示器上

方法

screen.getCursorScreenPoint()

返回 Point当前鼠标的绝对位置。

screen.getPrimaryDisplay()

返回主窗口Display

screen.getAllDisplays()

返回一个窗口数组Display[]，表示当前可用的窗口。

screen.getDisplayNearestPoint(point)

返回离指定点最近的一个窗口Display

screen.getDisplayMatching(rect)

返回离指定的图形最密切相交一个窗口Display

示例

• 创建填充整个屏幕的窗口

const { app, BrowserWindow, screen } = require('electron/main')
​
let mainWindow = null
​
app.whenReady().then(() => {// Create a window that fills the screen's available work area.const primaryDisplay = screen.getPrimaryDisplay()const { width, height } = primaryDisplay.workAreaSize
​mainWindow = new BrowserWindow({ width, height })mainWindow.loadURL('https://electronjs.org')
})

• 在外部显示器中创建窗口

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

let win

app.whenReady().then(() => {
  const displays = screen.getAllDisplays()
  const 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')
  }
})