Playwright в Node.js 2026: кросс-браузерный парсинг без Selenium-костылей

[kirilljsx]

Представьте: ваш бизнес тонет в рутине ручного сбора лидов с сайтов конкурентов, цен из маркетплейсов или отзывов клиентов. Каждый день фрилансеры копируют данные в Excel, а вы тратите часы на проверку. Я недавно заменил эту хрень на Playwright в Node.js - и парсинг стал кросс-браузерным, быстрым и без вечных костылей Selenium вроде драйверов и таймаутов.

Selenium у всех достал: браузеры обновляются, драйверы ломаются, headless-режим детектится антиботами. Playwright от Microsoft решает это на корню. Работает из коробки с Chromium, Firefox, WebKit - на Windows, Linux, macOS. Headless или headed, мобильная эмуляция Chrome/Android и Safari/iOS. Никаких зависимостей, все в одном npm-пакете.

Почему это профит для бизнеса?

• Автоматизируйте сбор цен конкурентов: парсите 1000+ страниц в час без банов.
• Лиды с форм: заполняйте, сабмитьте, извлекайте данные.
• SEO-мониторинг: скриньте SERP, проверяйте индексацию.

Давайте к коду. Вот реальный скрипт на TypeScript для парсинга цен с маркетплейса. Установите: npm i playwright @playwright/test и npx playwright install.

import { chromium, Page, Browser } from 'playwright';

async function scrapePrices(url: string): Promise<string[]> {
  const browser: Browser = await chromium.launch({ headless: true });
  const page: Page = await browser.newPage({
    userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
  });

  await page.goto(url);
  await page.waitForSelector('.product-price');

  const prices = await page.$$eval('.product-price', elements =>
    elements.map(el => el.textContent?.trim() || '')
  );

  await browser.close();
  return prices;
}

// Запуск
(async () => {
  const prices = await scrapePrices('https://example-market.com/search?q=phone');
  console.log('Цены:', prices);
})();

Этот скрипт парсит цены, обходит базовый детект UA. Масштабируйте: добавьте прокси (page.route для перехвата), ротацию юзер-агентов, ожидания через expect(page.locator('.price')).toBeVisible(). Инсайт: assertions на expect() - это огонь для стабильности, Selenium такое и не снилось.

Лайфхаки для продакшена:

• Антидетект: Рандомизируйте viewport: page.setViewportSize({ width: 1920 + Math.random()*100, height: 1080 }).
• Параллелизм: browser.newContext() для 10+ инстансов одновременно.
• Хранение: Pipe в MongoDB или CSV: интегрируйте с Prisma/Mongoose.
• CI/CD: Запускайте в GitHub Actions, артефакты в S3.
• Масштаб: Dockerize: playwright docker image готов к деплою на AWS Lambda или VPS.

Плюсы Playwright в 2026:

• Скорость: В 3-5 раз быстрее Selenium, авто-ждет элементов.
• Кросс-браузер: Один код для всех движков, без WebDriver.
• API мощный: Trace Viewer для дебаггинга, Inspector как в Chrome DevTools.
• Бесплатно, open-source, Microsoft-бэкинг - обновы летают.

Минусы (честно):

• Кривая обучения для новичков: много фич, но docs топ.
• Ресурсоемкий в headed-режиме, но headless летает.
• Для суперсложных SPA с Shadow DOM иногда нужен locator-хак.
• Нет нативной поддержки Python (используйте node-bridge, если надо).

Стоимость: 0 рублей. Лимитов нет, кроме вашего железа. На VPS за 10$/мес парсите 100k страниц/день.

Бизнес-кейс: Я пил подобное для клиента - парсер Wildberries. Собирали 50k товаров/день, цены в Google Sheets via API. Экономия 5k$/мес на фрилансерах. Профит!

А как вы парсите в 2026?

Selenium еще жив? Или уже н�� Playwright/Puppeteer? Делитесь в коммах своими скриптами или болями - обсудим, как доработать под ваш стек. Может, вместе соберем мультиязычный парсер?