区分 electron 全屏和最大化

一. 全屏

在 Electron 中,当窗口处于全屏状态时,通常不能直接使用 JavaScript 来改变窗口大小。这是出于安全和用户体验的考虑,以防止意外的窗口大小变化影响全屏体验。

1. 退出全屏后再调整大小

检测全屏状态,退出全屏并调整大小

javascript 复制代码
const { BrowserWindow } = require("electron");

const win = BrowserWindow.getFocusedWindow();

const isFullScreen = win.isFullScreen();



if (isFullScreen) {

  win.setFullScreen(false);

  win.setSize(800, 600); // 设置新的窗口大小

}

二. 最大化

在 Electron 中,当窗口处于最大化状态时,确实可能无法直接通过 JavaScript 来改变窗口大小。这是因为在最大化状态下,窗口的大小通常由操作系统管理。

1. 先取消最大化状态

在尝试改变窗口大小时,首先检查窗口是否处于最大化状态。如果是,可以使用 unmaximize() 方法来取消最大化状态。

javascript 复制代码
const { BrowserWindow } = require("electron");

let win = BrowserWindow.getFocusedWindow();

if (win.isMaximized()) {

  win.unmaximize();

  win.setSize(800, 600);

}
相关推荐
拉不动的猪3 分钟前
项目基础搭建时的一些基本注意点
前端·javascript·面试
蕉君桑13 分钟前
vue2使用vue-echarts
前端·vue.js·echarts
runnerdancer30 分钟前
React+Vite+Typescript项目脚手架模版
前端
Code额1 小时前
ECMAScript 6 新特性(二)
前端·javascript·ecmascript
群联云防护小杜1 小时前
基于AI的Web应用防火墙(AppWall)实战:漏洞拦截与威胁情报集成
前端·分布式·安全·ddos
_清浅2 小时前
JavaScript(JS进阶)
开发语言·前端·javascript·操作系统·html5
葡萄城技术团队2 小时前
如何通过前端表格控件实现自动化报表?1
运维·前端·自动化
CharlesYu012 小时前
vite作者如何评价turbopack
前端·turbopack
小王码农记2 小时前
vue中动态绑定ref后,获取某个具体组件实例
前端·javascript·vue.js
悲且狂3 小时前
vue辅助工具(vue系列二)
前端·javascript·vue.js