我现在仍然是Electron的新手,我现在正在这里.
我已经阅读了有关如何包含Chrome DevTools的页面,以便我可以轻松地调试我的应用程序.我已经按照文档进行了操作,但是一旦执行该命令,它就会返回错误:electron <app-name>The app provided is not a valid electron app, please read the docs on how to write one...
这是我main.js文件中的代码块:
var app = require('app');
var BrowserWindow = require('browser-window');
// Add Chrome DevTools extension for debugging
require('remote').require('browser-window').addDevToolsExtension('../react-devtools')
这就是我的项目结构的样子:
- react-devtools
- src
-- index.html
-- main.js
- package.json
任何帮助将不胜感激.谢谢!
有没有办法在打包并分发给您的 Electron 生产版本上打开开发工具？
例如，我想研究一下 Slack 的应用程序。我知道它是用 Electron 构建的，我想打开 devtools 看看它的某些部分是如何构建的。
在 macOS 上我尝试过：
ELECTRON_ENV=development /Applications/Slack.app/Contents/MacOS/Slack --debug --auto-open-devtools-for-tabs
以及 Cmd+Option+I 的常用组合键和检查调试菜单/视图。
这些似乎都没有什么区别。
请注意，已经有一些解决方案建议您通过注入以编程方式执行此操作：
remote.BrowserWindow.getFocusedWindow().webContents.openDevTools()
但是我不能这样做，因为我无权访问源代码或原始构建过程。有没有办法从外部触发开发工具？
到目前为止，我见过的最有希望的方法是，remote-debugging-port但我不确定它是否适用于生产版本。