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

image.png
在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();  
 }
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐