Puppeteerでスクリーンショットを撮る方法?

Puppeteerでのスクリーンショット取得は簡単です。ブラウザのビューポートを設定し、page.screenshot()メソッドを使用するだけです。Bright Dataホームページのスクリーンショットをキャプチャする方法は以下の通りです:

      const puppeteer = require('puppeteer');

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

  // ビューポートのサイズを設定
  await page.setViewport({ width: 1920, height: 1080 });

  // Bright Dataのホームページに移動
  await page.goto('https://brightdata.com');

  try {
    // スクリーンショットをキャプチャして保存
    await page.screenshot({ path: 'brightdata_homepage.jpg' });
  } catch (err) {
    console.error(`スクリーンショット取得エラー: ${err.message}`);
} finally {
    await browser.close();
    console.log('スクリーンショットの取得に成功しました');
}
})();

    

Puppeteerでスクリーンショットを撮る手順:

  1. Puppeteerのインストール: プロジェクトにPuppeteerがインストールされていることを確認してください。npm install puppeteer
  2. ブラウザ起動:puppeteer.launch() で新しいブラウザインスタンスを開始します。
  3. 新規ページを開く: `browser.newPage()` で新規ページを開きます。
  4. ビューポートの設定:page.setViewport({ width, height }) でビューポートのサイズを設定します。
  5. URLへの移動:page.goto('your-website-url') で目的のURLに移動します。
  6. スクリーンショットの取得:page.screenshot({ path: 'your-file-name.jpg' })でスクリーンショットを取得・保存します。
  7. エラー処理: エラーを処理するため、スクリーンショットロジックをtry-catchブロックで囲みます。
  8. ブラウザを閉じる: `browser.close()` でブラウザインスタンスを終了します。

この方法は、Puppeteerを使用したウェブページのスクリーンショットを迅速かつ確実に取得する手段を保証します。より高度なニーズには、Bright DataのPuppeteerウェブスクレイピングブラウザが自動的にウェブサイトのブロックを回避し、CAPTCHAの解決やブラウザフィンガープリント処理を処理します。単一のAPIとBright Dataの堅牢なネットワークを活用して容易にスケールアップでき、自社インフラ構築のコストを削減できます。

20,000+ 人以上のお客様に世界中で信頼されています

準備はできましたか?