Puppeteer：Chrome/Chromiumを自動(dòng)化するためのnode.jsライブラリ

Google Chromeチームによって開(kāi)発されたノードライブラリである

Pupteerは、DevToolsプロトコルを介してChromeまたはChromiumを制御するための高レベルAPIを提供します。 この強(qiáng)力なツールは、Webスクレイピング、WebサイトのスクリーンショットやPDFの生成、フォームの送信の自動(dòng)化、パフォーマンス分析の実施などのタスクを簡(jiǎn)素化します。

始めましょう：

Puppeteerを使用するには、JavaScript（ES6）、node.js（最新バージョンの推奨）、およびYARN（このチュートリアルで使用）に精通する必要があります。 インストールは簡(jiǎn)単です：

。 このコマンドは、バンドルされたクロムインスタンスをダウンロードします。より軽いインストール（既存のブラウザが必要）の場(chǎng)合は、yarn add puppeteerを使用してください。 yarn add puppeteer-coreにはノードv6.4.0以降が必要であり、Async/await機(jī)能を使用するには、ノードv7.6.0。 puppeteer-core

キー機(jī)能：

Pupteerは、さまざまなWebオートメーションタスクを合理化します：

Webスクレイピング：
• Webサイトから効率的にデータを抽出します。
Screenshot＆PDF Generation：
• SVGおよびCanvas要素を含む高品質(zhì)の畫(huà)像とWebページのPDFを作成します。 スパクロール：
シングルページアプリケーション（SPA）とナビゲートして対話します。
• フォームオートメーション：
フォームの詰め物と提出を自動(dòng)化します。
• パフォーマンス分析：
Webサイトのパフォーマンスメトリックを分析します。
• UIテスト：
テスト目的でユーザーインタラクションをシミュレートします（サイプレスに類似）。
• Chrome Extensionテスト： Chrome拡張機(jī)能の機(jī)能をテストします。
• Puppeteerは複雑なブラウザの相互作用を簡(jiǎn)素化し、Seleniumや現(xiàn)在延期されているPhantomjsなどの代替案と比較して、低レベルの詳細(xì)を抽象化します。 そのアクティブなメンテナンスにより、最新のECMAScript機(jī)能との互換性が保証されます。 実用的な例：

次の例は、操り人形師の使いやすさを示しています

1。スクリーンショットの生成：

以下のコードは、Unsplash：

のスクリーンショットを生成します

2。 PDFの作成：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setViewport({ width: 1920, height: 1080 });
  await page.goto('https://unsplash.com');
  await page.screenshot({ path: 'unsplash.png' });
  await browser.close();
})();

このスニペットは、ハッカーニュースのPDFを生成します：

3。 Facebookサインイン（ヘッドレス：可視性の場(chǎng)合はFalse）：

この例は、自動(dòng)ログインを示しています（プレースホルダーを資格情報(bào)に置き換えます）：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://news.ycombinator.com', { waitUntil: 'networkidle2' });
  await page.pdf({ path: 'hn.pdf', format: 'A4' });
  await browser.close();
})();

結(jié)論：

const puppeteer = require('puppeteer');

const EMAIL = 'YOUR_EMAIL';
const PASSWORD = 'YOUR_PASSWORD';

(async () => {
  const browser = await puppeteer.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto('https://facebook.com', { waitUntil: 'networkidle2' });
  // ... (Selectors and input/click actions for login) ...
  await browser.close();
})();

Puppeteerは、ブラウザタスクを自動(dòng)化するための汎用性の高いツールです。その直感的なAPIとアクティブ開(kāi)発により、さまざまなWebオートメーションのニーズに最適です。 詳細(xì)な情報(bào)と高度な使用例については、公式の操り人形師のドキュメントを參照してください。

よくある質(zhì)問(wèn)（FAQ）：

• Chrome/Chromiumを制御するためのnode.jsライブラリ ヘッドレスブラウザ：
GUIのない??ブラウザ、サーバー側(cè)の自動(dòng)化に最適です。
• ブラウザの互換性：主にChrome/Chromiumですが、他のブラウザには拡張機(jī)能が存在します。
• ユースケース：Webスクレイピング、テスト、スクリーンショット生成、PDF作成、パフォーマンステストなど。
大規(guī)模なスクレイピング：
• 責(zé)任を持って使用して、ウェブサイトの利用規(guī)約を尊重し、サーバーの過(guò)負(fù)荷を回避します。

以上が操り人形師を始めましょうの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。