Tecla de acceso directo de electrones para abrir devtools

antecedentes

Una vez que el producto se conecta, cuando existe un problema de red, ¿cómo localizar el problema? Si puede evocar devtools en forma de teclas de método abreviado, será realmente fragante.

Código

Necesita inyectarse en jsbridge de electrones.

Acerca de electron 的jsbridge 实现Mira la historia del artículo.

// preload.js

window.addEventListener('keydown',e=>{
    
    
    const {
    
    altKey,ctrlKey,metaKey,keyCode} =e;
    <!--alt + ctrl + (Command | Windows) + d -->
    if(altKey && ctrlkey &&metaKey && keyCode === 68){
    
    
        const currentWindow = require('electron').remote.getCurrentWindow();
        currentWindow && currentWindow.toggleDevTools();
        e.preventDefault();
    }
},false);

En la ventana del proyecto a continuación, el problema alt + ctrl + window + dpodría ser lanzado devtools, mac abajo alt + ctrl + command + d.

Supongo que te gusta

Origin blog.csdn.net/wancheng815926/article/details/106075446
Recomendado
Clasificación