electron 窗口禁止拖动大小

如果您想在 Electron 应用程序中打开一个新窗口,并禁止用户调整其大小,您可以使用以下方法:

  1. 在创建新窗口时,将 resizable 属性设置为 false
  2. 在新窗口的渲染进程中使用 CSS 或 JavaScript 禁用窗口大小调整的功能。

下面是一个示例代码,演示如何在 Electron 中实现这一点:

const { app, BrowserWindow } = require('electron');

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    resizable: false, // 禁止调整窗口大小
    webPreferences: {
      nodeIntegration: true
    }
  });

  mainWindow.loadFile('index.html');

  mainWindow.on('closed', function () {
    mainWindow = null;
  });
}

app.on('ready', createWindow);

// 其他代码...

在渲染进程中,您可以使用 CSS 或 JavaScript 禁用拖动大小的功能。下面是使用 CSS 的示例:

html,
body {
  user-select: none; /* 禁止选中窗口内容 */
  overflow: hidden; /* 隐藏滚动条 */
}

这样,用户将无法调整新窗口的大小。请注意,这只是一种表面上的禁止方法,并不能完全阻止用户更改窗口大小。如果用户有足够的技术知识,他们仍然可以使用开发者工具或其他方法来修改窗口的大小。


已发布

分类

作者:

标签

评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注