Electron中的错误消息和控制台日志?

如何在开发过程中查看Electron中的错误消息和控制台日志? 另外,是否可以将日志直接写入文件?


编辑:有点像Chrome开发工具显示的错误和控制台日志: Chrome的开发工具的屏幕截图 除了在电子而不是铬。

在你的BrowserWindow调用函数openDevTools()这将打开你在Chrome中find相同的开发工具。 我在http://www.mylifeforthecode.com/debugging-renderer-process-in-electron/上的博客上写了这个。

这是一个简单的包含openDevTools的main.js文件:

 var app = require('app'); var BrowserWindow = require('browser-window'); var mainWindow = null; app.on('window-all-closed', function() { if (process.platform != 'darwin') app.quit(); }); app.on('ready', function() { mainWindow = new BrowserWindow({width: 800, height: 600}); mainWindow.loadUrl('file://' + __dirname + '/index.html'); mainWindow.openDevTools(); mainWindow.on('closed', function() { mainWindow = null; }); }); 

您也可以使用远程模块通过渲染器进程访问它。 对于我一直在修补的应用程序,我将函数toggleDevTools绑定到F12。 像这样的东西:

  var remote = require('remote'); document.addEventListener("keydown", function (e) { if (e.keyCode === 123) { // F12 var window = remote.getCurrentWindow(); window.toggleDevTools(); } }); 

请注意,我只在Windows中使用Electron进行过上述testing。 我假设Linux和Mac版本的工作是一样的。 如果您正在运行Mac或Linux,请让我知道,如果他们不。