Electron hört Keydown Event nicht

Question

Ich bin ein Backend-Entwickler, der ein kleines Projekt bekam, um es zu beheben. Also gibt mir mein Chef ein Elektronenprojekt, das auf Touch-Geräten läuft.

Ich weiß, dass ich keine Schlüsselereignisse in Javascript hören kann, wenn ich das document Objekt verwende, aber in Elektron funktioniert es nicht, es sagt die docuemnt cannot be found.

So implementiert, wenn ich oder ein anderer Support-Typ die F12-Taste drücken, dann werden die Dev-Tools in der Elektronen-App gerendert.

mainWindow = new BrowserWindow({ 
    'web-preferences': {'web-security': false} 
    }); 

    mainWindow.onkeydown = function (e) { 
    console.log("Key down"); 
    if (e.which === 123) { 
     console.log("Key is F12"); 
     mainWindow.webContents.openDevTools(); 
    } 
    }; 

Aber dieser Code funktioniert nicht für mich. Ich habe keine Ahnung, wie ich die F12-Taste drücken kann.

Leider kann ich die Schaltfläche nicht auf der Benutzeroberfläche rendern, die die Devtools anzeigen kann. Wegen der Kunden muss es nicht drücken.

Manchmal muss ich die Echtzeitkonsole in Devtools auf dem Gerät sehen.

Answer 1

Es gibt eine known issue in Electron, die den üblichen Ansatz zum Abfangen wichtiger Ereignisse mit dem traditionellen JS-Ansatz verhindert.

Es gibt auch eine kleine Bibliothek mit der Bezeichnung electron-localshortcut, die dieses Problem umgeht, indem sie die globale Shortcuts-API von Electronic entführt, wenn das Fenster aktiv ist.

Verwendung wie dies in Ihrem main.js:

const electronLocalshortcut = require('electron-localshortcut'); 
electronLocalshortcut.register(mainWindow, 'F12',() => { 
    // Open DevTools 
});