Electron: beforeunload에서 확인 대화 상자를 표시하는 방법은 무엇입니까?

괜찮아요. 나는 그것을 알아.

나중에 참조할 수 있도록 예를 들면 다음과 같습니다.

window.onbeforeunload = function(e) {
    var remote = require('remote');
    var dialog = remote.require('dialog');
    var choice = dialog.showMessageBox(
            remote.getCurrentWindow(),
            {
                type: 'question',
                buttons: ['Yes', 'No'],
                title: 'Confirm',
                message: 'Are you sure you want to quit?'
            });

    return choice === 0;
};

안녕하세요(:
위에서 설명한 솔루션은 저에게 효과가 없습니다.
여전히 브라우저의 "onbeforunload"를 취하기 때문에 ...
어떤 생각?

@shneorasa 귀하가 요청한 지 몇 개월이 window.onbeforeload 를 사용하는 것과 반대로 이 문제를 처리하는 더 나은 방법이 있습니다

beforeunload 이벤트를 덮어쓰면 향후 대화가 엉망이 되어 앱이 손상될 수 있습니다. 대신 내가 한 것처럼 앱 내부에 간단한 부울 값을 저장할 수 있습니다.

// Inside main/index.js
import { app, BrowserWindow, dialog } from 'electron'
app.showExitPrompt = true

이를 통해 다음과 같이 BrowserWindow 의 close 이벤트를 중단할 수 있습니다.

// Inside main/index.js, where BrowserWindow is initialized
mainWindow.on('close', (e) => {
    if (app.showExitPrompt) {
        e.preventDefault() // Prevents the window from closing 
        dialog.showMessageBox({
            type: 'question',
            buttons: ['Yes', 'No'],
            title: 'Confirm',
            message: 'Unsaved data will be lost. Are you sure you want to quit?'
        }, function (response) {
            if (response === 0) { // Runs the following if 'Yes' is clicked
                app.showExitPrompt = false
                mainWindow.close()
            }
        })
    }
})

Vue.js를 사용하여 이 솔루션을 Electron 앱에 구현했으며 대화 상자 표시/숨기기는 app 가져오기만큼 간단합니다.

const { app } = require('electron').remote

저장된 부울 값을 덮어씁니다.

app.showExitPrompt = true