在 Electron 應用中，打開開發者工具（即控制臺）通常有兩種方式：

1. 程序運行時手動打開
   在 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 應用中靈活地打開和關閉開發者工具，以便進行調試和開發。