Electron 中如何使用 screen 模块？-JavaScript中文网-JavaScript教程资源分享门户

推荐答案

在 Electron 中，screen 模块用于检索屏幕的尺寸、显示、鼠标位置等信息。以下是一个简单的示例，展示如何使用 screen 模块获取当前屏幕的尺寸：

// www.javascriptcn.com code example
const { app, BrowserWindow } = require('electron');
const { screen } = require('electron');

app.whenReady().then(() => {
  const primaryDisplay = screen.getPrimaryDisplay();
  const { width, height } = primaryDisplay.size;

  console.log(`Screen size: ${width}x${height}`);

  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  mainWindow.loadFile('index.html');
});

本题详细解读

1. 引入 `screen` 模块

在 Electron 中，screen 模块是通过 electron 包提供的。你可以通过以下方式引入它：

const { screen } = require('electron');

2. 获取主显示器的信息

screen.getPrimaryDisplay() 方法用于获取主显示器的信息。返回的对象包含多个属性，如 size、workArea、scaleFactor 等。

const primaryDisplay = screen.getPrimaryDisplay();
const { width, height } = primaryDisplay.size;

3. 使用 `size` 属性

size 属性是一个包含 width 和 height 的对象，表示显示器的分辨率。你可以通过解构赋值来获取这些值。

const { width, height } = primaryDisplay.size;
console.log(`Screen size: ${width}x${height}`);

4. 其他常用方法

screen 模块还提供了其他一些常用的方法，例如：

screen.getAllDisplays()：获取所有显示器的信息。
screen.getDisplayNearestPoint(point)：获取离指定点最近的显示器。
screen.getDisplayMatching(rect)：获取与指定矩形区域最匹配的显示器。

5. 实际应用场景

screen 模块在实际应用中非常有用，特别是在需要根据屏幕尺寸调整窗口大小或位置时。例如，你可以根据屏幕的分辨率来设置窗口的初始大小，或者将窗口居中显示。

const { width, height } = primaryDisplay.size;
const mainWindow = new BrowserWindow({
  width: width / 2,
  height: height / 2,
  webPreferences: {
    nodeIntegration: true
  }
});

通过以上方法，你可以灵活地使用 screen 模块来管理和控制 Electron 应用中的窗口和显示器相关操作。

Electron 中如何使用 screen 模块？