使用 Puppeteer 将数据对象注入窗口

Question

背景

我正在使用 Puppeteer 创建一些 PDF。当 Puppeteer 加载页面时，我需要在页面中注入一些数据。

问题

我尝试使用evaluateOnNewDocument()，仅在使用String 时成功。当我尝试使用Object 时，它失败了。我也试过evaluate()，不管我输入什么，它都失败了。

示例

// Works
    await page.evaluateOnNewDocument(() => {
           window.pdfData = {};
           window.pdfData = "Some String";
    });

// Does not work 
    await page.evaluateOnNewDocument(() => {
           window.pdfData = {};
           window.pdfData = data;
    });

// Fails
await page.evaluate(data => {
     window.pdfData = {};
     window.pdfData = data;
}, data);

我想像这样访问这个对象，

const data = window.pdfData;

问题

将数据对象传递到加载的 Puppeteer 页面上的窗口以便可以在页面内访问以使用数据客户端的正确方法是什么？

Answer 1

将对象传递给evaluate

您可以传递将被序列化为 JSON 的数据。

await page.evaluateOnNewDocument(data => { // <-- pass as parameter
  window.pdfData = data; // <-- read it here
}, data); // <-- pass as argument

将对象传递给evaluateOnNewDocument

evaluateOnNewDocument 的工作方式与evaluate 类似，但只要有新的窗口/导航/框架，它就会运行。这样，即使您导航到另一个页面，数据也会保留。

您可以在函数内部传递数据和读取。

await page.evaluateOnNewDocument(data => {
  window.pdfData = data;
}, data);