electron-debug

electron-debug

为您的 Electron 应用添加有用的调试功能

特性

DevTools

切换 DevTools。

• macOS: 按下 Cmd+Alt+I 或 F12
• Linux: Ctrl+Shift+I 或 F12
• Windows: Ctrl+Shift+I 或 F12

重新加载

强制重新加载窗口。

• macOS: 按下 Cmd+R 或 F5
• Linux: Ctrl+R 或 F5
• Windows: Ctrl+R 或 F5

元素检测器

打开 DevTools 并将焦点放在元素检查器工具上。

• macOS: Cmd-Shift-C
• Linux: Ctrl+Shift+C
• Windows: Ctrl+Shift+C

安装

npm install electron-debug

需要 Electron 30 或更高版本。

使用方法

import {app, BrowserWindow} from 'electron';
import debug from 'electron-debug';

debug();

let mainWindow;
(async () => {
	await app.whenReady();
	mainWindow = new BrowserWindow();
})();

API

只有在 开发 环境下才会运行,除非通过 isEnabled 选项进行覆盖。因此,在生产环境中无需对其进行保护。

electronDebug(options?)

安装键盘快捷键,并可选地在每个创建的 BrowserWindow 上激活 DevTools。

给定的函数接收要应用滤镜或新选项的窗口。它必须返回以下值之一：- true: 使用给定窗口的全局选项启用调试。- false: 禁用给定窗口的调试（与返回 {isEnabled: false} 相同）。- Partial: 仅针对给定窗口覆盖全局选项的对象。它执行浅层合并。