Electron 多显示器渲染

最新推荐文章于 2024-10-24 11:26:46 发布

前端小小白zyw

最新推荐文章于 2024-10-24 11:26:46 发布

阅读量1.9k

点赞数 33

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/Vue2018/article/details/136404861

本文介绍了如何使用Electron在支持多个显示器的Windows和Linux系统中配置应用，包括如何根据显示器位置启动不同项目，以及如何在Mac上利用Docker模拟环境。开发者还分享了创建Electron应用实例的代码片段和注意事项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Electron打出的包，如果当前有俩个显示器，则可以配置当前显示倒哪个显示器上，或者可以配置不同的显示器，启动不同的项目，只在Windows和Linux下测试过，Mac没有真机，可以利用docker安装MacOS环境，按理说没问题，具体怎么配置，如下：

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

// 禁用沙盒渲染器
app.enableSandbox()
// 禁用硬件加速/GPU渲染
app.disableHardwareAcceleration()
// 不初始化菜单，使用默认菜单
Menu.setApplicationMenu(null)

// 创建应用
function createWindow() {
   
  // 判断当前的窗口数量
  let displays = screen.getAllDisplays()
  // 判断是否副窗口
  let externalDisplay = displays.find((display) => {
   
    return display