Electron 中的錯誤消息和控制台日志？

Question

在開發過程中如何查看 Electron 中的錯誤消息和控制台日志？ 另外，是否可以將日志直接寫入文件？

---

編輯：有點像 Chrome 開發工具顯示的錯誤和控制台日志： 除了 Electron 而不是 Chrome。

Answer 1

在您的 BrowserWindow 上調用函數openDevTools()這將打開您在 Chrome 中找到的相同開發工具。 我在我的博客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 測試了上述內容。 我假設 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