木偶师:如何将对象传递给page.evaluate？

page.evaluate 是 Puppeteer 库中的一个方法，它允许你在浏览器环境中执行 JavaScript 代码。这个方法通常用于操作网页内容、获取页面数据等。由于 page.evaluate 运行在浏览器上下文中，因此它不能直接访问 Node.js 上下文中的变量。

如果你想要将对象传递给 page.evaluate，你需要先将对象序列化为能够在浏览器上下文中使用的格式，通常是 JSON 字符串。然后在 page.evaluate 内部，你可以反序列化这个 JSON 字符串以获取原始对象。

以下是一个示例代码，展示如何将对象传递给 page.evaluate：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // 假设我们有一个对象
  const myObject = {
    name: 'Alice',
    age: 30,
    hobbies: ['reading', 'swimming']
  };

  // 将对象序列化为 JSON 字符串
  const myObjectJson = JSON.stringify(myObject);

  // 使用 page.evaluate 将 JSON 字符串传递给浏览器上下文
  await page.evaluate((myObjectJson) => {
    // 在浏览器上下文中反序列化 JSON 字符串
    const myObject = JSON.parse(myObjectJson);
    
    // 现在你可以使用 myObject 变量了
    console.log(myObject.name); // 输出: Alice
    console.log(myObject.age); // 输出: 30
    console.log(myObject.hobbies); // 输出: ['reading', 'swimming']
  }, myObjectJson);

  await browser.close();
})();

在这个示例中，我们首先创建了一个对象 myObject，然后使用 JSON.stringify 将其序列化为 JSON 字符串。接着，我们将这个 JSON 字符串作为参数传递给 page.evaluate 方法。在 page.evaluate 的回调函数内部，我们使用 JSON.parse 将 JSON 字符串反序列化为对象，并可以在浏览器上下文中使用这个对象。

请注意，由于 page.evaluate 中的所有变量都是临时的，一旦执行完毕，这些变量就会被销毁，因此你不能在 page.evaluate 外部访问这些变量。

如果你遇到了问题，比如传递的对象在浏览器上下文中变成了空对象或者出现了其他异常，可能的原因包括：