Electron的使用笔记之应用程序打开控制台
Electron应用程序安装后如果需要在开发环境下打开控制台。在electron的官网里面得知,使用contents.toggleDevTools()能够切换开发工具,也就是调用这个方法就能够控制控制台的开启和关闭状态。在util工具文件夹里面新建一个js文件。export default function toggleDevTools() {window.addEventListener('ke
·
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();
}
更多推荐
已为社区贡献1条内容
所有评论(0)