electron 如何配置 打开控制台
在 Electron 应用中，打开开发者工具（即控制台）通常有两种方式：
- 程序运行时手动打开
在 Electron 应用中，你可以通过编程方式打开开发者工具。这通常在你需要调试时非常有用。你可以在你的主进程（通常是 main.js 或 index.js 文件）中使用以下代码来打开开发者工具：
const { app, BrowserWindow } = require(‘electron’);
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
contextIsolation: false // 如果你使用预加载脚本，则需要设置为false，并使用contextBridge
}
});
win.loadFile(‘index.html’);
// 打开开发者工具
win.webContents.openDevTools();
}
app.whenReady().then(createWindow);
2. 在应用中提供快捷键打开控制台
你还可以为你的 Electron 应用设置一个快捷键，通过这个快捷键可以打开开发者工具。这可以通过监听全局快捷键来实现：
const { app, BrowserWindow, globalShortcut } = require(‘electron’);
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
contextIsolation: false // 如果你使用预加载脚本，则需要设置为false，并使用contextBridge
}
});
win.loadFile(‘index.html’);
}
app.whenReady().then(() => {
createWindow();
// 注册一个快捷键，打开开发者工具
globalShortcut.register(‘Control+Shift+I’, () => {
if (BrowserWindow.getFocusedWindow()) {
BrowserWindow.getFocusedWindow().webContents.openDevTools();
}
});
});
注意事项：
从 Electron 12 开始，默认情况下 nodeIntegration 和 contextIsolation 的值都改变了。如果你的 Electron 版本是 12 或更高，并且你使用了 nodeIntegration，建议使用预加载脚本和 contextBridge 来安全地暴露 Node.js 功能到渲染进程中。例如：
webPreferences: {
preload: ‘preload.js’, // 预加载脚本的路径
contextIsolation: true, // 启用上下文隔离
nodeIntegration: true // 但只在预加载脚本中使用nodeIntegration
}
然后在 preload.js 中：
const { contextBridge, ipcRenderer } = require(‘electron’);
contextBridge.exposeInMainWorld(‘electronAPI’, {
// 暴露一些API给渲染进程使用，例如：
send: (channel, data) => ipcRenderer.send(channel, data)
});
在使用全局快捷键时，确保你的应用已经完全加载并创建了窗口。这通常在 app.whenReady() 的回调中完成。
使用快捷键打开开发者工具时，需要确保焦点在一个窗口上，否则可能无法正确打开。上面的代码通过检查是否有焦点窗口来尝试打开开发者工具。如果没有焦点窗口，则不会尝试打开。这只是一个简单的示例，根据你的具体需求，你可以调整这部分逻辑。例如，如果你知道特定的窗口总是需要调试，你可以直接在那个窗口上调用 openDevTools()。
通过上述方法，你可以在 Electron 应用中灵活地打开和关闭开发者工具，以便进行调试和开发。