electron在另一个窗口打开调试模式

如果您想在 Electron 应用程序的另一个窗口中打开开发者工具，可以使用 `BrowserWindow` 对象的 `webContents` 属性。您可以通过以下方式获取要调试的窗口的 `webContents` 对象：

const { BrowserWindow } = require('electron')

// 获取要调试的窗口
const targetWindow = BrowserWindow.getAllWindows()[0]

// 获取窗口的 webContents 对象
const targetContents = targetWindow.webContents

// 打开开发者工具
targetContents.openDevTools()

这将在应用程序的第一个窗口中打开开发者工具。如果您希望在其他窗口中打开开发者工具，请更改 `getAllWindows()[0]` 中的窗口索引。

相关问题

electron opendevtools

在electron开发中，可以使用以下代码来打开devtools进行调试：

mainWindow.webContents.openDevTools();

这将在electron的主窗口中打开devtools。[1]如果你想将devtools放在底部、左侧、右侧或分离出来，可以使用以下代码：

// devtools在底部打开
mainWindow.webContents.openDevTools({mode:'bottom'});
// devtools在左侧打开
mainWindow.webContents.openDevTools({mode:'left'});
// devtools与界面分开
mainWindow.webContents.openDevTools({mode:'detach'});
// devtools在右侧打开
mainWindow.webContents.openDevTools({mode:'right'});

在electron渲染进程中，调试方式与web开发的调试过程类似，可以使用`win.webContents.openDevTools()`来打开devtools进行代码调试。[2]另外，在使用vue-electron模式进行开发时，可以加载vue-devtools插件来进行代码调试。[3]

npm run electron:serve

这个命令用于在开发模式下启动 Electron 应用程序。它会启动一个本地的 Web 服务器，并在 Electron 中加载该服务器。在命令行中运行此命令后，您将看到 Electron 应用程序的窗口打开，并且应用程序将连接到本地的 Web 服务器。您可以在应用程序中测试和调试应用程序的 UI 和功能，而无需手动刷新页面。