来自加载在 ElectronJS 容器中的反应应用程序的控制台日志

Question

我正在开发一个用于显示管理的电子应用程序。该应用程序用于商场/餐厅/机场的数字展示广告。电子应用程序在内部加载一个反应网络应用程序，然后显示它。 react 网络应用程序来自我们的供应商，该供应商拥有一个展示来自不同供应商的广告的平台。在某些情况下，react web 应用程序崩溃（它无法找到正确的广告等）。我无法调试此崩溃，因为来自 react web-app 的 console.log 消息没有显示在任何地方。

有没有办法将console.logs 从react 应用程序重定向到某个文件？

架构： - Electron App 是一个用于播放任何内容的全屏容器。 - 供应商提供了一个网络应用程序，可以播放不同的广告。这个网络应用程序是一个反应应用程序。 - 供应商网络应用程序崩溃，但无法在任何地方看到这些日志。

Answer 1

根据文档，如果您尝试调试渲染器进程，您可以通过在 webContents 的实例上调用 openDevToos() 方法来打开开发工具。

这是一个例子：

const { BrowserWindow } = require('electron')

let win = new BrowserWindow()
win.webContents.openDevTools()

如果您尝试调试主进程，您应该能够利用 Google Chrome 开发人员工具。如果您打开 chrome 并转到：chrome://inspect，您应该能够看到您的电子实例并单击“检查”。

还有更多选项，您可以找到here，但我认为这是最简单的两种方法。

我还建议利用 debugger 语句，因为它会停止执行您声明调试器语句的代码，并且您可以更轻松地指出发生崩溃的位置。