新手入门

¥Getting started

使用其他浏览器测试框架的人会对 Puppeteer 感到熟悉。你 launch/connect 一个 browser，create 一些 pages，然后用 Puppeteer 的 API 操纵它们。

¥Puppeteer will be familiar to people using other browser testing frameworks. You launch/connect a browser, create some pages, and then manipulate them with Puppeteer's API.

以下示例在 developer.chrome.com 中搜索包含文本 "automate beyond recorder" 的博客文章，单击第一个结果并打印博客文章的完整标题。

¥The following example searches developer.chrome.com for blog posts with text "automate beyond recorder", click on the first result and print the full title of the blog post.

import puppeteer from 'puppeteer';

(async () => {
  // Launch the browser and open a new blank page
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  // Navigate the page to a URL
  await page.goto('https://developer.chrome.com/');

  // Set screen size
  await page.setViewport({width: 1080, height: 1024});

  // Type into search box
  await page.type('.devsite-search-field', 'automate beyond recorder');

  // Wait and click on first result
  const searchResultSelector = '.devsite-result-item-link';
  await page.waitForSelector(searchResultSelector);
  await page.click(searchResultSelector);

  // Locate the full title with a unique string
  const textSelector = await page.waitForSelector(
    'text/Customize and automate',
  );
  const fullTitle = await textSelector?.evaluate(el => el.textContent);

  // Print the full title
  console.log('The title of this blog post is "%s".', fullTitle);

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

如需更深入的使用，请查看我们的 documentation 和 示例。

¥For more in-depth usage, check our documentation and examples.