如何调试电子产品

Question

我不能打开铬开发工具在我建立的电子应用程序使用电子包装机。

我试过mainWindow.webContents.openDevTools()，但这没有用。

在网上查看其他答案时，我偶然看到了rendererConfig.devtool = ''和webConfig.devtool = ''的评论，但这也没有什么区别。

我也尝试过添加一个关键的快捷方式来打开dev工具，但是这没有效果。

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

谢谢你提前提供帮助。

Answer 1

我发现调试生产应用程序的一种方法是从带有参数.exe的终端运行--remote-debugging-port=8315。这将允许通过转到铬中的http://localhost:8315/进行调试。

Answer 2

在main中注册一个快捷方式

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

Answer 3

对于vue电子，它使用的是电子2.0.x，您应该更改src/main/index.js，并使用openDevTools，例如：

import { app, BrowserWindow , globalShortcut} from 'electron'

  const ret = globalShortcut.register('F11', () => {
    mainWindow.webContents.openDevTools()
  })  

然后运行生产应用程序，按F11键，您将找到日志：

​

​