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

Question

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

编辑：有点像Chrome浏览器开发工具显示的错误和控制台日志： 除了电子而不是Chrome。

Answer 1

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

这是一个简单的main.js文件，其中包含openDevTools：

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测试了上述内容。我假设Linux和Mac版本的工作方式相同。如果你正在运行Mac或Linux，请告诉我他们不是。

Answer 2

先前的答案今天有点过时了，但几乎是完美的。

mainWindow = new BrowserWindow（{width：800，height：600}）; mainWindow。 webContents .openDevTools（）;

当应用程序以电子方式运行时，它将自动打开开发工具。 我在Windows上使用Electron

来源https://electronjs.org/docs/tutorial/application-debugging