如何调试电子产品

Question

我无法使用电子打包程序在内置的电子应用程序中打开chrome开发工具。

我尝试了mainWindow.webContents.openDevTools()，但是没有用。

在网上寻找其他答案，我偶然发现了rendererConfig.devtool = ''和webConfig.devtool = ''，但这也没有什么不同。

我也尝试添加一个快捷键来打开开发工具，但这没有任何作用。

我正在使用最新版本的电子。

谢谢您的帮助。

Answer 1

我发现一种调试生产应用程序的方法是从终端运行带有参数--remote-debugging-port=8315的.exe。通过使用chrome浏览器http://localhost:8315/，可以进行调试。

Answer 2

在您的main

中注册快捷方式

const ret = globalShortcut.register('CommandOrControl+Shift+I', () => {
     mainWindow.webContents.toggleDevTools();
});