我之前也碰到过这个棘手的问题——Electron从1.4.14版本开始，设置frame: false的无边框窗口会失去Windows系统原生的窗口停靠（Win+左右方向键）和拖拽到屏幕边缘最大化的功能，即使升级到1.7.10也存在这个问题，而且官方文档和发布说明里确实没有明确提及相关的API变更。

问题复现步骤 #

你可以通过以下步骤快速复现这个问题：

• 克隆示例仓库：git clone https://github.com/PerfectionCSGO/electron-dwm-issue
• 进入仓库目录：cd electron-quick-start
• 安装项目依赖：npm install
• 启动测试应用：npm start
• 修改代码中的setResizable和resizable参数，就能观察到不同的行为差异

核心原因 #

这个问题的本质是Electron在1.4.14之后的版本中，默认对无边框窗口禁用了Windows DWM（桌面窗口管理器）的某些交互属性，导致系统无法识别这是一个可进行原生窗口管理的标准窗口。

解决方案 #

我们可以通过调用Windows原生Win32 API，手动给无边框窗口添加必要的窗口样式，让DWM重新识别并恢复原生功能。具体步骤如下：

1. 首先安装依赖库（用于调用Win32 API）：

npm install ffi-napi ref-napi

2. 在Electron主进程代码中添加以下逻辑：

const { app, BrowserWindow } = require('electron');
const ffi = require('ffi-napi');
const ref = require('ref-napi');

// 定义Win32 API所需的类型
const HWND = ref.types.void;
const DWORD = ref.types.uint32;
const BOOL = ref.types.bool;

// 加载系统库
const user32 = ffi.Library('user32', {
  'GetWindowLongPtrA': [DWORD, [HWND, int]],
  'SetWindowLongPtrA': [DWORD, [HWND, int, DWORD]]
});

const dwmapi = ffi.Library('dwmapi', {
  'DwmSetWindowAttribute': [int, [HWND, DWORD, ref.types.void, DWORD]]
});

// 窗口样式与DWM属性常量
const GWL_STYLE = -16;
const WS_THICKFRAME = 0x00040000;
const WS_CAPTION = 0x00C00000;
const DWMWA_NCRENDERING_POLICY = 2;
const DWMNCRP_ENABLED = 2;

function createWindow() {
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    frame: false,
    resizable: true
  });

  // 获取窗口的原生句柄
  const hwnd = mainWindow.getNativeWindowHandle();

  // 给窗口添加标准边框样式（视觉上仍然无边框，但让DWM识别）
  let windowStyle = user32.GetWindowLongPtrA(hwnd, GWL_STYLE);
  windowStyle |= WS_THICKFRAME | WS_CAPTION;
  user32.SetWindowLongPtrA(hwnd, GWL_STYLE, windowStyle);

  // 启用DWM非客户端区域渲染
  const renderPolicy = ref.alloc(DWORD, DWMNCRP_ENABLED);
  dwmapi.DwmSetWindowAttribute(hwnd, DWMWA_NCRENDERING_POLICY, renderPolicy, DWORD.size);

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

app.whenReady().then(createWindow);

这段代码的原理是：给无边框窗口添加WS_THICKFRAME（可调整大小边框）和WS_CAPTION（标题栏）的样式标记，让Windows系统认为这是一个标准窗口，从而恢复原生的窗口停靠和拖拽最大化功能，同时保持窗口视觉上的无边框效果。

如果不想引入额外的依赖库，你也可以尝试在创建窗口时设置transparent: false，部分Electron版本中这个参数会间接恢复DWM的交互支持，但这个方法的兼容性不如调用原生API稳定。

内容的提问来源于stack exchange，提问作者Perfection