关键更新和变化
Posted: Tue Mar 18, 2025 4:02 am
自推出以来，Puppeteer 已实现多项里程碑。目前，该库主包每周下载量超过 450 万次，puppeteer-core 每周下载量超过 660 万次，表明其在开发人员中的广泛采用。
2019 年，Puppeteer 增加了对 Firefox 的支持。从版本 23 开始，它使用 WebDriver BiDi 提供对 Firefox 的完整支持。不过，Firefox 计划逐步淘汰 CDP 支持，预计在 2024 年底前取消。
Puppeteer 仍然是一个开源项目，来自世界各地的开发者都做出了贡献。虽然 Google 的 Chrome 浏览器自动化团队负责管理核心库，但大多数贡献都来自独立开发者。这种协作方式加强了 Puppeteer 作为浏览器自动化领先工具的地位，并培育了一个满足现实世界自动化需求的多元化社区。
Puppeteer 如何与Chrome DevTools 协议配合使用
Chrome DevTools 协议
Chrome DevTools 协议基础知识
Chrome DevTools 协议 (CDP) 是 Puppeteer 浏 华人海外亚洲数据 览器自动化的基础。它允许开发人员直接与 Chrome 或 Chromium 浏览器通信，从而解锁一系列强大的功能。
Puppeteer 有两个版本：
puppeteer-core：专注于处理与 CDP API 的通信。
puppeteer：在puppeteer-core基础上构建，添加浏览器管理工具，实现无缝交互。
这种分离可确保安全高效的自动化，而不会降低性能。通过利用 CDP，Puppeteer 提供了详细的浏览器控制。
Puppeteer 对 CDP 功能的使用
Puppeteer 使用 CDP 为开发人员提供对浏览器操作的精细控制。以下是其主要功能的细分：
特征 执行 用例
网络拦截 直接访问修改请求和响应 API 测试和模拟响应
DOM 操作 使用原生浏览器 API 网页抓取和提取内容
性能监控 通过 CDP 收集浏览器指标 优化页面加载性能
代码覆盖率 内置仪器 测量测试效率
可访问性测试 访问浏览器的可访问性树 确保符合无障碍标准
2019 年 2 月，Jarrod Overson 演示了 CDP 的流量拦截功能，展示了如何通过配置 URL 模式和资源类型来修改响应主体。
使用 CDP 的好处
Puppeteer 与 CDP 的直接集成带来了多项技术优势：
通过精确控制浏览器内部来实现更快的执行。
启用断点和详细的网络分析。
提供对浏览器行为和网络操作的精细控制。
与依赖 WebDriver 协议并添加额外通信层的 Selenium 不同，Puppeteer 直接使用 CDP 可以实现更快、更准确的浏览器交互。这使其成为自动化测试和性能分析等任务的理想选择。
对于开发人员来说，Puppeteer 简化了复杂的工作流程，同时保留了对高级浏览器功能的访问，巩固了其作为 Web 自动化首选的地位。
主要特点及应用
Puppeteer 与 Chrome 紧密集成，可用于多种用途 - 从数据抓取到测试和创建可视化报告。
数据收集和网页抓取
Puppeteer 非常适合从动态网站提取数据。它与 Chrome DevTools 协议的连接使其非常适合处理现代 Web 应用程序。
以下是一些提高网页抓取效果的技巧：
使用自定义用户代理标头来避免机器人检测。
在请求之间添加延迟以模仿人类行为。
依靠 CSS 选择器进行准确的元素定位。
包括错误处理以确保顺利运行。
社区贡献者 Sourojit Das 指出，Puppeteer 提供了一个用户友好的 API 来控制无头 Chrome 浏览器。
但 Puppeteer 不仅仅用于数据抓取 - 它还在应用程序测试中发挥着关键作用。
2019 年，Puppeteer 增加了对 Firefox 的支持。从版本 23 开始，它使用 WebDriver BiDi 提供对 Firefox 的完整支持。不过，Firefox 计划逐步淘汰 CDP 支持，预计在 2024 年底前取消。
Puppeteer 仍然是一个开源项目，来自世界各地的开发者都做出了贡献。虽然 Google 的 Chrome 浏览器自动化团队负责管理核心库，但大多数贡献都来自独立开发者。这种协作方式加强了 Puppeteer 作为浏览器自动化领先工具的地位，并培育了一个满足现实世界自动化需求的多元化社区。
Puppeteer 如何与Chrome DevTools 协议配合使用
Chrome DevTools 协议
Chrome DevTools 协议基础知识
Chrome DevTools 协议 (CDP) 是 Puppeteer 浏 华人海外亚洲数据 览器自动化的基础。它允许开发人员直接与 Chrome 或 Chromium 浏览器通信，从而解锁一系列强大的功能。
Puppeteer 有两个版本：
puppeteer-core：专注于处理与 CDP API 的通信。
puppeteer：在puppeteer-core基础上构建，添加浏览器管理工具，实现无缝交互。
这种分离可确保安全高效的自动化，而不会降低性能。通过利用 CDP，Puppeteer 提供了详细的浏览器控制。
Puppeteer 对 CDP 功能的使用
Puppeteer 使用 CDP 为开发人员提供对浏览器操作的精细控制。以下是其主要功能的细分：
特征 执行 用例
网络拦截 直接访问修改请求和响应 API 测试和模拟响应
DOM 操作 使用原生浏览器 API 网页抓取和提取内容
性能监控 通过 CDP 收集浏览器指标 优化页面加载性能
代码覆盖率 内置仪器 测量测试效率
可访问性测试 访问浏览器的可访问性树 确保符合无障碍标准
2019 年 2 月，Jarrod Overson 演示了 CDP 的流量拦截功能，展示了如何通过配置 URL 模式和资源类型来修改响应主体。
使用 CDP 的好处
Puppeteer 与 CDP 的直接集成带来了多项技术优势：
通过精确控制浏览器内部来实现更快的执行。
启用断点和详细的网络分析。
提供对浏览器行为和网络操作的精细控制。
与依赖 WebDriver 协议并添加额外通信层的 Selenium 不同，Puppeteer 直接使用 CDP 可以实现更快、更准确的浏览器交互。这使其成为自动化测试和性能分析等任务的理想选择。
对于开发人员来说，Puppeteer 简化了复杂的工作流程，同时保留了对高级浏览器功能的访问，巩固了其作为 Web 自动化首选的地位。
主要特点及应用
Puppeteer 与 Chrome 紧密集成，可用于多种用途 - 从数据抓取到测试和创建可视化报告。
数据收集和网页抓取
Puppeteer 非常适合从动态网站提取数据。它与 Chrome DevTools 协议的连接使其非常适合处理现代 Web 应用程序。
以下是一些提高网页抓取效果的技巧：
使用自定义用户代理标头来避免机器人检测。
在请求之间添加延迟以模仿人类行为。
依靠 CSS 选择器进行准确的元素定位。
包括错误处理以确保顺利运行。
社区贡献者 Sourojit Das 指出，Puppeteer 提供了一个用户友好的 API 来控制无头 Chrome 浏览器。
但 Puppeteer 不仅仅用于数据抓取 - 它还在应用程序测试中发挥着关键作用。