javascript - Electron : How to print only a part of html (div) in electron silently?

Question

我想要实现的是，远程托管并加载到我的 Electron 应用程序中的网页希望 Electron 应用程序仅打印特定的div 元素。我知道如果我使用 webContents.print({silent:true}) 整个页面将被静默打印。但我希望同样的事情只发生在特定的 div 上。提前致谢。

Answer 1

一种方法是向 div 发送一个新的隐藏窗口，然后从那里打印。

---

主.js

app.on('ready', function(){
  mainWindow = new BrowserWindow({ width: 1080, height:720})
  workerWindow = new BrowserWindow();
  workerWindow.loadURL("file://" + __dirname + "/printerWindow.html");
  workerWindow.hide();
});

// retransmit it to workerWindow
ipcMain.on("printPDF", function(event, content){
  workerWindow.webContents.send("printPDF", content);
});

// when worker window is ready
ipcMain.on("readyToPrintPDF", (event) => {
  workerWindow.webContents.print({silent: true});
})

---

Controller .js

// target the object you want to print and send it to the new window
ipcRenderer.send("printPDF", div_to_be_targeted);