如何從電子應用程序中的 BrowserWindow 獲取 DOM 樹？

Question

我想在電子中從一個過程到另一個過程獲取數據，但我不知道如何做到這一點。 我有以下代碼：

// I create a new browser window to load url
var win = new BrowserWindow({ width: 800, height: 600, show: false });

win.loadURL('chrome://gpu');
win.webContents.on('dom-ready', function() {
  console.log("dom is ready");
});

// Here I want to get content of the loaded page and log it.

我試過ipc，但我可以弄清楚如何使用它。

Answer 1

如果您只想記錄內容，您可以使用Electron 的remote.process直接從 Renderer 將它們直接寫入 Main process stdout，但如果您想將內容發送到 Main process IPC 可能是最好的方法（您也可以使用文件、套接字等）。

這是一個非常快速的示例，說明如何從 main.js 文件中執行所有操作（但我建議為 Renderer 代碼使用單獨的文件，並使用 BrowserWindow 的“預加載”選項要求它，這僅用於說明目的）。

var electron = require('electron');
var ipc = electron.ipcMain;
var BrowserWindow = electron.BrowserWindow;

var win = new BrowserWindow({ width: 800, height: 600, show: false });

win.webContents.on('dom-ready', () => {
  win.webContents.executeJavaScript(`
    require('electron').ipcRenderer.send('gpu', document.body.innerHTML);
  `);
});

ipc.on('gpu', (_, gpu) => {
  console.log(gpu)
})

win.loadURL('chrome://gpu');