通过函数调整电子窗口大小答案

【问题标题】：Resize electron window through function通过函数调整电子窗口大小
【发布时间】：2021-06-23 21:13:47
【问题描述】：

这几天我一直在尝试寻找答案，但似乎找不到好的解决方案。

我对 Eelectron 还很陌生，但我正在尝试创建一个应用程序，在该应用程序中我可以在事件发生后调用一个函数，然后调整窗口大小。

到目前为止我所看到的，我必须使用 icpMain 和 icpRender，但是每当我尝试执行建议的代码时，我要么在我的脚本中加载问题，要么得到一个“未定义”的错误。

main.js:

const electron  = require('electron');
const {ipcMain} = require('electron');
const url       = require('url');
const path      = require('path');
const {app, BrowserWindow} = electron;
let mainWindow;
app.on('ready',function(){
    mainWindow = new BrowserWindow({
        transparent:    true,
        frame:          false,
        width:          500,
        height:         500,
        webPreferences: {
            preload: path.join(__dirname,'js/login.js')
        }
    });
    //mainWindow.removeMenu();
    mainWindow.loadURL(url.format({
        pathname:   path.join(__dirname,'html/login.html'),
        protocol:   'file:',
        slashes:    true
    }))
    ipcMain.on('resize-me-please', (event, arg) => {
        mainWindow.setSize(300,300)
    })
});

【问题讨论】：

标签： jquery node.js electron

【解决方案1】：

我终于明白了。

在你的 main.js 中确保你在 app 对象中设置了以下内容：

webPreferences: {
    nodeIntegration: true,
    contextIsolation: false,
    enableRemoteModule: true,
}

完整示例：

const electron  = require('electron');
const url       = require('url');
const path      = require('path');
const {app, BrowserWindow} = electron;
let mainWindow;
app.on('ready',function(){
    mainWindow = new BrowserWindow({
        transparent:    true,
        frame:          false,
        width:          500,
        height:         500,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
            enableRemoteModule: true,
        }
    });
    //mainWindow.removeMenu();
    mainWindow.loadURL(url.format({
        pathname:   path.join(__dirname,'html/login.html'),
        protocol:   'file:',
        slashes:    true
    }))
});

如果你使用像 jquery 和 jquery-UI 这样的库，请确保使用以下命令安装它：

npm install jquery --save
npm install jquery-ui --save

然后在你的 index.html 中你需要 jquery，这也可以通过文件来完成，你可以通过以下命令来完成：

<script>window.$ = window.jQuery = require('jquery');</script>

现在您可以通过在您的 js 文件中使用它来使用您的 js 执行远程功能：

const {BrowserWindow} = require('electron').remote;
var theWindow = BrowserWindow.getFocusedWindow();

现在您可以使用以下命令设置、最大化、最小化和关闭应用程序：

theWindow.close();

【讨论】：