如何调试电子制作二进制文件
我无法在我的电子应用程序的内置版本中打开devtools.因此,我想找到另一种解决方案来记录仅在生产版本中出现的任何错误.
有没有什么好方法可以从电子应用程序中获取一些console.logs,如果它已经构建好了？显然我可以通过打开chrome dev工具调试我的电子应用程序的"开发"版本(运行npm run dev).但我找不到任何方法在我的生产应用程序中启用它们.我正在使用newsest版本的electron-vue
在此先感谢您的帮助.
elp*_*rup 15
https://github.com/bytedance/debugtron
Debugtron 是一个用于调试生产中基于 Electron 的应用程序的应用程序。它也是用 Electron 构建的。
在生产中启用Chrome devtools可以通过多种方式完成:
- 环境变量:
- 例如在Windows下
set ELECTRON_ENV=development&& myapp.exe
- 例如在Windows下
- 将特殊参数传递给您的应用
- 例如
myapp.exe --debug
- 例如
- 通过用户设置调试模式(如果您有持久设置)
- 菜单条目打开devtools
- 可与1.-3组合使用.在调试模式下只有该菜单项
你可以检查是否1.-3.已设置,如果是,您只需打开devtools通过mainWindow.webContents.openDevTools()
我个人使用1.,3和4的组合.我只是解锁一个开发人员菜单,允许我打开devtools或打开userdata文件夹给我.
如果你还想记录关键错误,那么电子日志看起来像电子的一个相当流行的选择.
- 不适用于我（在Mac上）。使用--remote-debugging-port = 8315执行，并打开http：// localhost：8315工作。参考：https://github.com/electron/electron/issues/3331 (2认同)
在 Mac 上只需运行open /Applications/WhatsApp.app --args --remote-debugging-port=8315然后打开https://localhost:8315
这是在Mac上对我有用的东西。
- 在终端类型
lldb path/to/build.app - 在打开的调试器中
run --remote-debugging-port=8315。它应该打开您的应用程序的窗口。 - 在以下位置打开Chrome
http://localhost:8315/ - 单击应用程序的名称。例如，
Webpack App。 - 如果您在打开的标签页中看不到任何内容，请专注于应用程序窗口。
- 对于遇到同样问题的人，`./dist/mac/<您的产品标识符>.app/Contents/MacOS/<您的产品标识符> --remote-debugging-port=8315` 至少可以让您了解一下抛出错误的地方，因为它会记录到控制台。不过，我无法到达“http://127.0.0.1:8315”显示任何内容的阶段。 (3认同)
- @Mentor 像你这样的评论让发布答案变得值得 (2认同)
在--remote-debugging-port=8315设置了标志的情况下启动您的 Electron 应用程序并导航到chrome://inspect/#devicesChrome 80+。然后单击Configure...并添加localhost:8315为发现服务器。
然后，等待您的 Electron 实例出现在设备列表中，然后单击inspect。
做到这一点的方法是使用--remote-debugging-port标志。
以Signal为例，执行以下步骤：
- 从 CLI 启动应用程序
signal-desktop --remote-debugging-port
- 在 Google Chrome 浏览器中打开调试 URL（在本例中
http://localhost:39733/），这将打开一个带有应用程序名称的页面
。 - 单击打开一个屏幕，您可以在其中单击以使用该应用程序并在开发工具中查看输出
或者，您可以chrome://inspect/#devices在 Google Chrome 浏览器中打开，然后单击“检查”（在应用程序名称下方）以打开同一窗口
