Puppeteer – это мощная библиотека Node.js, предоставляющая высокоуровневый API для управления автономными браузерами Chrome или Chromium. Он позволяет автоматизировать веб-взаимодействие, выполнять очистку веб-страниц и выполнять различные задачи на веб-страницах. Одним из распространенных требований при использовании Puppeteer является передача переменных из среды Node.js в функцию page.evaluate, которая позволяет выполнять код JavaScript в контексте контролируемой страницы. В этой статье мы рассмотрим несколько способов достижения этой цели, а также приведем примеры кода.

Метод 1: использование параметра аргументов page.evaluate
Функция page.evaluate принимает необязательный второй аргумент, который можно использовать для передачи переменных из среды Node.js в контекст JavaScript страницы. Вот пример:

const variableToPass = 'Hello, world!';
await page.evaluate((arg) => {
  console.log(arg); // Output: Hello, world!
}, variableToPass);

Метод 2: использование глобальных переменных
Другой способ передать переменные в page.evaluate — использовать глобальные переменные. Вы можете присвоить значение глобальной переменной в среде Node.js и получить к ней доступ в контексте JavaScript страницы. Вот пример:

global.variableToPass = 'Hello, world!';
await page.evaluate(() => {
  console.log(variableToPass); // Output: Hello, world!
});

Метод 3: определение функций в page.evaluate
Вы можете определить функции в page.evaluate и использовать их для доступа к переменным, определенным в среде Node.js. Этот подход полезен, когда вам нужно передать сложные структуры данных или выполнить более сложные операции. Вот пример:

const variableToPass = [1, 2, 3];
await page.evaluate((data) => {
  function processArray(arr) {
    console.log(arr); // Output: [1, 2, 3]
  }
  processArray(data);
}, variableToPass);

Метод 4: Сериализация и десериализация переменных
Если переменная, которую вы хотите передать, не является примитивным типом или сериализуемым объектом, вы можете сериализовать ее перед передачей и десериализовать в page.evaluate. Для этой цели можно использовать JSON.stringify и JSON.parse. Вот пример:

const complexVariable = { foo: 'bar' };
const serializedVariable = JSON.stringify(complexVariable);
await page.evaluate((data) => {
  const deserializedVariable = JSON.parse(data);
  console.log(deserializedVariable); // Output: { foo: 'bar' }
}, serializedVariable);

Передача переменных из среды Node.js в функцию page.evaluate в Puppeteer необходима для выполнения динамических операций и манипулирования данными в контексте веб-страницы. В этой статье мы рассмотрели четыре метода достижения этой цели: использование параметра аргументов page.evaluate, использование глобальных переменных, определение функций в page.evaluate и сериализация/десериализация переменных. Используя эти методы, вы можете повысить гибкость и мощность ваших сценариев Puppeteer.

Не забудьте принять во внимание конкретные требования и ограничения вашего проекта при выборе наиболее подходящего метода передачи переменных. Удачного веб-скрапинга!