在我的 Electron 应用程序中，我想做一些在其他 OSX 应用程序中经常做的事情。那就是...我不想关闭右上角的红色 X 的应用程序。但是，如果他们右键单击 Dock 中的应用程序图标并说退出，那么我想退出该应用程序。我该怎么做？
我尝试使用来自 rendererProcess 的 onbeforeunload 事件以及 browserWindow.on("close", fn) 事件来尝试阻止这种情况。问题是他们都提交了onbeforeunload 事件。而且我无法分辨红色 X 被单击和停靠图标被右键单击并被告知退出之间的区别。你能帮忙的话，我会很高兴。有没有其他人在 Electron for OSX 中这样做过？
【问题讨论】：
标签： javascript electron
试试这个
if (process.platform === 'darwin') {
var forceQuit = false;
app.on('before-quit', function() {
forceQuit = true;
});
mainWindow.on('close', function(event) {
if (!forceQuit) {
event.preventDefault();
/*
* your process here
*/
}
});
}
【讨论】：
before-quit 事件在 浏览器窗口关闭之前触发，因此如果您退出浏览器窗口以外的其他操作（停靠上下文菜单、应用程序菜单等）before-quit 将在主窗口的close 事件之前触发。如果您通过单击主窗口上的 x 来关闭，则窗口的 close 事件将首先触发。 electron.atom.io/docs/api/app/#event-before-quit
这是唯一对我有用的答案：
const electron = require('electron');
const app = electron.app;
let willQuitApp = false;
let window;
app.on('ready', () => {
window = new electron.BrowserWindow();
window.on('close', (e) => {
if (willQuitApp) {
/* the user tried to quit the app */
window = null;
} else {
/* the user only tried to close the window */
e.preventDefault();
window.hide();
}
});
window.loadURL('foobar'); /* load your page */
});
/* 'activate' is emitted when the user clicks the Dock icon (OS X) */
app.on('activate', () => window.show());
/* 'before-quit' is emitted when Electron receives
* the signal to exit and wants to start closing windows */
app.on('before-quit', () => willQuitApp = true);
【讨论】：
经过一番寻找，我找到了以下解决方案。当您右键单击停靠栏并选择Quit 时，在渲染器进程中触发onbeforeunload 之前，它将首先在应用程序本身上触发close 事件。因此，在 rendererProcess 中有一个 onbeforeunload 监听器。你告诉它总是返回 false 。从该事件返回 false 将阻止窗口永远卸载/关闭。然后在你的 mainProcess 中添加app.on('close',fn) 监听器。该侦听器可以向 rendererProcess 发送一个事件，告诉它允许关闭。也许您可以设置一个全局allowClose = true 或其他东西。然后在您的onbeforeunload 中，添加逻辑以在allowClose 为真时不返回真。
【讨论】：
看一下主进程中app的window-all-closed事件。此事件通常用于在 Linux 和 Windows 上退出应用程序，但在 OS X 上不可用（例如，请参阅 Electron 的 Quick Start Tutorial）。在 OS X 上，如果当前没有打开窗口，您可能还应该处理 activate 事件以打开新窗口。
【讨论】：
请注意以下两个解决方案需要在main.js中实现，而不是在您的html页面上执行的JS上。
如果您想在特定的BrowserWindow 关闭时执行代码：
mainWindow.on('closed', function() {
// Your code to be executed before "really" stopping the app
});
如果您想在所有窗口关闭时执行代码 (app API)：
app.on('window-all-closed', function() {
// do stuff here
});
【讨论】：
您需要在window-all-closed 事件上检查您的main.js 文件是否为darwin 平台，然后在activate 事件上重新创建窗口。
// Quit when all windows are closed.
app.on('window-all-closed', function () {
// On OS X it is common for applications and their menu bar
// to stay active until the user quits explicitly with Cmd + Q
if (process.platform !== 'darwin') {
app.quit();
}
});
app.on('activate', function () {
// On OS X it's common to re-create a window in the app when the
// dock icon is clicked and there are no other windows open.
if (mainWindow === null) {
createWindow();
}
});
更多信息/示例：https://github.com/atom/electron-quick-start/blob/master/main.js
【讨论】：
这就是我解决它的方法，而且效果很好。
import { app } from "electron";
let window: any;
let forceQuit = false;
app.on("ready", () => {
window = //YOUR BROWSER WINDOW
window.on("close", e => {
if (process.platform === "darwin" && forceQuit) {
window = null;
} else {
e.preventDefault();
app.hide();
}
});
app.on("activate", function() {
app.show();
});
app.on("before-quit", function(event) {
if (!forceQuit) {
event.preventDefault();
forceQuit = true;
app.quit();
}
});
【讨论】：