Electron的使用笔记之应用程序打开控制台

Electron应用程序安装后如果需要在开发环境下打开控制台。

在electron的官网里面得知，使用contents.toggleDevTools()能够切换开发工具，也就是调用这个方法就能够控制控制台的开启和关闭状态。

在util工具文件夹里面新建一个js文件。

export default function toggleDevTools() {
  window.addEventListener(
    'keydown',
    (e) => {
      const { altKey, ctrlKey, keyCode } = e;
      //  alt + ctrl + (Command | Windows) + l
      if (altKey && ctrlKey && keyCode === 76) {
        //获取当前窗体
        const currentWindow = require('electron').remote.getCurrentWindow();
        currentWindow && currentWindow.toggleDevTools();
        e.preventDefault();
      }
    },
    false
  );
}

监听键盘按下事件，如果同时按下alt、ctrl、‘l’，就能够切换控制台。当然这里可以根据喜好设置按键。

最后在app.vue引入这个文件，然后在mounted里面判断当前环境是否能够调用即可。

//不是开发环境的时候才能打开控制台
if (configBaseURL != "https://xxxxxxx")
 {      
    toggleDevTools();  
 }