Как показать сообщения console.log в окне браузера Electron?

Question

Есть ли способ отправить сообщения console.log в Electron's BrowserWindow?

Здесь описан другой способ: Electron: отправка сообщения из BrowserWindow в приложение Electron

Необходимость такой интеграции заключается в том, что многие приложения, такие как systeminformation , используют вызовы console.log для отображения информации

Типичный вызов:

const si = require('systeminformation');

si.cpu()
    .then(data => console.log(data))

Альтернативой может быть другой вызов для отправки данных в окно браузера вместо консоли.

Answer 1

Вот что у меня работает:

На основном. js:

const {ipcMain} = require('electron')

и замените

console.log(data);

на

mainWindow.webContents.send('asynchronous-message', data);

Изменения в рендере. js:

  ipcRenderer.on('asynchronous-message', (event, data) => {
    document.getElementById('log').insertAdjacentHTML('beforeend',data + "<br>");
  })

В html - создать div с id = 'log'

Answer 2

Включив инструмент Dev, вы можете увидеть сообщение console.log.

win.webContents.openDevTools(); //for debugging

// To send message to web page
win.webContents.send("message", message-content);