electron标题栏设置-webkit-app-region: drag；后无法双击放大缩小窗体

最新推荐文章于 2025-03-17 14:49:05 发布

吃香菜也吃西红柿

最新推荐文章于 2025-03-17 14:49:05 发布

阅读量2.8k

点赞数

文章标签： electron

本文链接：https://blog.csdn.net/weixin_43276017/article/details/124385402

版权

在开发 Electron 应用时，遇到一个问题：设置 `-webkit-app-region: drag` 以实现标题栏拖拽后，导致双击无法进行窗体缩放。原因是 `resizable: false` 的设定。解决方法是移除或设置 `resizable: true`，允许窗体调整大小，从而恢复双击缩放功能。

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

记录一下，防止自己以后再次踩坑，也防止后人踩坑

需求

标题栏可进行窗体的拖拽，并且可以双击放大缩小窗体

于是乎：

设置了-webkit-app-region: drag;

结果

拖拽是能拖拽了，但是双击等事件无法触发

坑

BrowserWindow中设置了resizable: false; （不允许调节大小），设置为flase将会使得窗体无法调节大小，当然也会是的可拖拽区域双击无法放大缩小窗体

win = new BrowserWindow({
    width: 1440,
    height: 810,
    frame: false, //创建无边框窗口（没有菜单和顶部）
    resizable: false,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: true,
      webSecurity: false, //webSecurity 
      preload: path.join(__dirname, 'preload.js')
    }
  })